commit 53305f854af59c57b25044c4e8b20e8fd9464e87 Author: Abderrahmane Date: Sun Jul 26 13:39:10 2026 +0100 init diff --git a/.gitAttributes b/.gitAttributes new file mode 100644 index 0000000..a219c15 --- /dev/null +++ b/.gitAttributes @@ -0,0 +1,46 @@ +# Ensure all text files use LF in the repository +*.java text eol=lf +*.xml text eol=lf +*.xhtml text eol=lf +*.properties text eol=lf +*.sql text eol=lf +*.txt text eol=lf +*.js text eol=lf +*.css text eol=lf +*.jrxml text eol=lf +*.jsf text eol=lf +*.yml text eol=lf +*.json text eol=lf +*.md text eol=lf + +# Treat common binary files as binary to avoid line ending issues +*.png binary +*.jpg binary +*.jpeg binary +*.gif binary +*.bmp binary +*.ico binary +*.pdf binary +*.docx binary +*.xlsx binary +*.ttf binary +*.jar binary +*.bak binary +*.jasper binary +*.exe binary +*.dll binary +*.zip binary + +# Catch-all for unknown binary files +*.*bin binary +*.exe binary +*.dll binary +#git pull +#git config --global core.autocrlf true +#git ls-files --eol +#git rm --cached -r . +#git reset --hard +#git add --renormalize . +#git commit -m "Apply correct line endings based on .gitattributes" + + diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..547fca6 --- /dev/null +++ b/.gitignore @@ -0,0 +1,46 @@ +# See http://help.github.com/ignore-files/ for more about ignoring files. + +# dependencies +/target + +# IDEs and editors +/.idea +.project +.classpath +.c9/ +*.launch +.settings/ +*.sublime-workspace +nb-configuration.xml +nbactions.xml +ultima.iml + +# IDE - VSCode +.vscode/* +!.vscode/settings.json +!.vscode/tasks.json +!.vscode/launch.json +!.vscode/extensions.json + + +# System Files +.DS_Store +Thumbs.db + +# Created by https://www.toptal.com/developers/gitignore/api/netbeans +# Edit at https://www.toptal.com/developers/gitignore?templates=netbeans + +### NetBeans ### +**/nbproject/private/ +**/nbproject/Makefile-*.mk +**/nbproject/Package-*.bash +build/ +nbbuild/ +dist/ +nbdist/ +.nb-gradle/ +database.properties +# End of https://www.toptal.com/developers/gitignore/api/netbeans +/target/ + +/node_modules/ diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..1b4ab31 --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,209 @@ +# Changelog + +## 6.0.0 + +**Migration Guide** + +- Update all files + +**Implemented New Features and Enhancements:** + +- Remastered Ultima Layout + +## 5.0.0 + +**Migration Guide** + +- Update layout.js and layout css files +- Update theme scss files +- Replace theme jar with new jar +- Update primeflex.min.css file +- Update invoice page +- Update all widgets on pages due to PrimeFlex 3.x + +**Implemented New Features and Enhancements:** + +- Update PrimeFlex to 3.x +- Theme designer enhancements included + +## 4.1.0 + +**Migration Guide** + +- Update layout.js and layout css files +- Replace theme jar with new jar + +**Implemented New Features and Enhancements:** + +- Add support for PrimeFaces 11 with jakarta +- Update PrimeIcons to 5.0.0 +- Theme designer enhancements included + +## 4.0.0 + +**Migration Guide** + +- Update layout.js and layout css files +- Replace layout files with new files +- Replace theme jar with new jar + +**Implemented New Features and Enhancements:** + +- Add support for PrimeFaces 11 +- New demos added +- Theme designer enhancements included + +## 3.0.0 + +**Migration Guide** + +- Update layout.js file +- Replace layout files with new files +- Replace theme jar with new jar + +**Implemented New Features and Enhancements:** + +- Add support for Primefaces X +- New demos added +- New material theme +- Theme designer included +- Primeflex updated +- Primeicons updated + +**Fixed bugs:** + +- Minor fixes + +## 2.1.1 + +**Migration Guide** + +- Update layout.js and layout css files +- Replace theme jar with new jar + +## 2.1.0 + +**Migration Guide** + +- Added configurator panel +- Update layout.js and layout css files. +- Replace theme jar with new jar + +## 2.0.2 + +**Migration Guide** + +- Update layout css files + +## 2.0.1 + +**Migration Guide** + +- Added sample invoice, help and payment wizard pages. + +## 2.0.0 + +**Migration Guide** + +- Update UltimaMenu*.java file +- Replace theme jar with new jar + +## 1.1.6 + +**Migration Guide** + +- Update layout.js, UltimaMenu*.java and layout css files +- Replace theme jar with new jar + +## 1.1.5 + +**Migration Guide** + +- Update layout.js, UltimaMenu*.java and taglib files +- Replace theme jar with new jar + +## 1.1.4 + +**Migration Guide** + +- Update layout.js and layout css files +- Replace theme jar with new jar + +## 1.1.3 + +**Migration Guide** + +- Update layout.js and layout css files +- Replace theme jar with new jar + +## 1.1.2 + +**Migration Guide** + +- Update layout.js and layout css files +- Replace theme jar with new jar + +## 1.1.1 + +**Migration Guide** + +- Update layout.js and layout css files +- Replace theme jar with new jar + +## 1.0.9 + +**Migration Guide** + +- Update layout css files +- Replace theme jar with new jar + +## 1.0.8 + +**Migration Guide** + +- Update layout.js and layout css files +- Replace theme jar with new jar + +## 1.0.7 + +**Migration Guide** + +- Update theme jar, layout css files and layout.js. (Full Changelog) + +## 1.0.6 + +**Migration Guide** + +- Update theme jar and layout.js. + +## 1.0.5 + +**Migration Guide** + +- Update theme jar, layout-{color}.css and layout.js. + +## 1.0.4 + +**Migration Guide** + +- Update theme jar and layout.js + +## 1.0.3 + +**Migration Guide** + +- Update theme jar + +## 1.0.2 + +**Migration Guide** + +- Update theme jar + +## 1.0.1 + +**Migration Guide** + +- Update layout-*.css files +- Update theme jar + diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..2e5c1d0 --- /dev/null +++ b/LICENSE @@ -0,0 +1,2 @@ +Layout Licenses +https://www.primefaces.org/layouts/licenses \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..abe4cb7 --- /dev/null +++ b/README.md @@ -0,0 +1,27 @@ +## Ultima PrimeFaces + +#### Getting Started + +First of all, you'd need SASS to compile CSS, proceed to [SASS Installation](https://sass-lang.com/install) before beginning if you do not have SASS available in your command line. +Demo project has an integrated jetty plugin so running the sample is easy as building the css first followed by the ``mvn jetty:run`` command. + +``` +sass --update src/main/webapp/resources:src/main/webapp/resources --no-source-map +mvn clean jetty:run +``` + +\*Note: The sass command above is supported by **Dart Sass**. Please use [Dart Sass](https://sass-lang.com/install) instead of [Ruby Sass](https://sass-lang.com/ruby-sass). + +Navigate to http://localhost:8080/ultima to view the demos which is exactly same as the live version. + +#### Migration Guide + +Every change is included in **CHANGELOG.md** file at the root folder of the distribution along with the instructions to update. + +#### Support + +See [Ultima PrimeFaces Forum](https://forum.primefaces.org/viewforum.php?f=42) to get support about this layout. + +#### License + +See [Layout License](https://www.primefaces.org/layouts/licenses). diff --git a/TrizService_2025_03_19.backup b/TrizService_2025_03_19.backup new file mode 100644 index 0000000..8e47cdf Binary files /dev/null and b/TrizService_2025_03_19.backup differ diff --git a/faces-config.NavData b/faces-config.NavData new file mode 100644 index 0000000..298bfc5 --- /dev/null +++ b/faces-config.NavData @@ -0,0 +1,6 @@ + + + + + + diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..cac7f97 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,490 @@ +{ + "name": "TrizService", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "devDependencies": { + "sass": "^1.86.3" + } + }, + "node_modules/@parcel/watcher": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz", + "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==", + "dev": true, + "hasInstallScript": true, + "optional": true, + "dependencies": { + "detect-libc": "^1.0.3", + "is-glob": "^4.0.3", + "micromatch": "^4.0.5", + "node-addon-api": "^7.0.0" + }, + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "@parcel/watcher-android-arm64": "2.5.1", + "@parcel/watcher-darwin-arm64": "2.5.1", + "@parcel/watcher-darwin-x64": "2.5.1", + "@parcel/watcher-freebsd-x64": "2.5.1", + "@parcel/watcher-linux-arm-glibc": "2.5.1", + "@parcel/watcher-linux-arm-musl": "2.5.1", + "@parcel/watcher-linux-arm64-glibc": "2.5.1", + "@parcel/watcher-linux-arm64-musl": "2.5.1", + "@parcel/watcher-linux-x64-glibc": "2.5.1", + "@parcel/watcher-linux-x64-musl": "2.5.1", + "@parcel/watcher-win32-arm64": "2.5.1", + "@parcel/watcher-win32-ia32": "2.5.1", + "@parcel/watcher-win32-x64": "2.5.1" + } + }, + "node_modules/@parcel/watcher-android-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz", + "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz", + "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz", + "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-freebsd-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz", + "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz", + "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz", + "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==", + "cpu": [ + "arm" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz", + "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz", + "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz", + "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz", + "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz", + "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==", + "cpu": [ + "arm64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-ia32": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz", + "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz", + "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==", + "cpu": [ + "x64" + ], + "dev": true, + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/braces": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", + "dev": true, + "optional": true, + "dependencies": { + "fill-range": "^7.1.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/chokidar": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", + "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==", + "dev": true, + "dependencies": { + "readdirp": "^4.0.1" + }, + "engines": { + "node": ">= 14.16.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + } + }, + "node_modules/detect-libc": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", + "dev": true, + "optional": true, + "bin": { + "detect-libc": "bin/detect-libc.js" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/fill-range": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", + "dev": true, + "optional": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/immutable": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.1.tgz", + "integrity": "sha512-3jatXi9ObIsPGr3N5hGw/vWWcTkq6hUYhpQz4k0wLC+owqWi/LiugIw9x0EdNZ2yGedKN/HzePiBvaJRXa0Ujg==", + "dev": true + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "optional": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "optional": true, + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "optional": true, + "engines": { + "node": ">=0.12.0" + } + }, + "node_modules/micromatch": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", + "dev": true, + "optional": true, + "dependencies": { + "braces": "^3.0.3", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/node-addon-api": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", + "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", + "dev": true, + "optional": true + }, + "node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "optional": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, + "node_modules/readdirp": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz", + "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==", + "dev": true, + "engines": { + "node": ">= 14.18.0" + }, + "funding": { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + }, + "node_modules/sass": { + "version": "1.86.3", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.86.3.tgz", + "integrity": "sha512-iGtg8kus4GrsGLRDLRBRHY9dNVA78ZaS7xr01cWnS7PEMQyFtTqBiyCrfpTYTZXRWM94akzckYjh8oADfFNTzw==", + "dev": true, + "dependencies": { + "chokidar": "^4.0.0", + "immutable": "^5.0.2", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=14.0.0" + }, + "optionalDependencies": { + "@parcel/watcher": "^2.4.1" + } + }, + "node_modules/source-map-js": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", + "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "optional": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + } + } +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..adf3018 --- /dev/null +++ b/package.json @@ -0,0 +1,5 @@ +{ + "devDependencies": { + "sass": "^1.86.3" + } +} diff --git a/pom.xml b/pom.xml new file mode 100644 index 0000000..2136dac --- /dev/null +++ b/pom.xml @@ -0,0 +1,611 @@ + + + + 4.0.0 + org.primefaces + Triz + 1.0-SNAPSHOT + war + Triz + + + ${project.build.directory}/endorsed + UTF-8 + 16 + 3.1.0 + 2.2.15 + 13.0.2 + 4.3.30.RELEASE + 3.6.0 + 2.0.27 + 1.3.24 + 5.0.0 + 9.4.48.v20220622 + + + + + org.primefaces + primefaces + 13.0.2 + + + + org.primefaces.extensions + primefaces-extensions + 13.0.2 + + + + javax.el + javax.el-api + 3.0.0 + provided + + + javax.servlet + javax.servlet-api + 4.0.1 + provided + + + com.sun.faces + jsf-api + 2.2.15 + jar + + + com.sun.faces + jsf-impl + 2.2.15 + jar + + + org.glassfish.jersey.containers + jersey-container-servlet + 2.29.1 + + + + org.glassfish.jersey.inject + jersey-hk2 + 2.29.1 + + + org.glassfish.jersey.media + jersey-media-multipart + 2.31 + + + com.sun.mail + mailapi + 1.5.5 + + + com.sun.mail + smtp + 1.5.5 + + + + + + + + + org.apache.poi + poi + ${poi.version} + + + org.apache.poi + poi-ooxml + ${poi.version} + + + org.apache.xmlgraphics + batik-all + + + de.rototor.pdfbox + graphics2d + + + org.apache.santuario + xmlsec + + + org.bouncycastle + bcpkix-jdk15on + + + com.github.virtuald + curvesapi + + + org.bouncycastle + bcprov-jdk15on + + + + + com.github.librepdf + openpdf + ${open-pdf.version} + + + org.eclipse.persistence + jakarta.persistence + 2.2.3 + jar + + + jakarta.xml.bind + jakarta.xml.bind-api + 2.3.3 + jar + + + org.springframework + spring-beans + 4.3.30.RELEASE + jar + + + org.springframework.security + spring-security-config + 3.2.4.RELEASE + + + org.springframework.security + spring-security-core + 3.2.4.RELEASE + jar + + + org.springframework + spring-webmvc + 4.3.30.RELEASE + + + org.springframework.security + spring-security-web + 3.2.4.RELEASE + jar + + + org.springframework + spring-aop + 4.3.30.RELEASE + + + org.springframework + spring-aspects + 4.3.30.RELEASE + + + org.springframework + spring-jdbc + 4.3.30.RELEASE + + + org.springframework + spring-jms + 4.3.30.RELEASE + + + org.springframework + spring-core + 4.3.30.RELEASE + + + org.springframework + spring-expression + 4.3.30.RELEASE + + + org.springframework + spring-instrument + 4.3.30.RELEASE + + + org.springframework + spring-instrument-tomcat + 4.3.30.RELEASE + + + org.springframework + spring-context + 4.3.30.RELEASE + + + org.springframework + spring-context-support + 4.3.30.RELEASE + + + org.springframework.security + spring-security-taglibs + 3.2.4.RELEASE + + + org.springframework.webflow + spring-faces + 2.5.0.RELEASE + + + org.springframework + spring-orm + 4.3.30.RELEASE + + + org.springframework + spring-oxm + 4.3.30.RELEASE + + + org.springframework + spring-test + 4.3.30.RELEASE + + + org.springframework + spring-tx + 4.3.30.RELEASE + jar + + + commons-pool + commons-pool + 1.6 + + + commons-logging + commons-logging + 1.2 + + + commons-dbcp + commons-dbcp + 1.4 + + + commons-io + commons-io + 1.4 + + + org.hibernate + hibernate-core + 5.4.15.Final + jar + + + org.hibernate.common + hibernate-commons-annotations + 5.1.0.Final + + + org.hibernate + hibernate-entitymanager + 5.4.15.Final + + + + org.hibernate.javax.persistence + hibernate-jpa-2.1-api + 1.0.2.Final + + + com.github.v-ladynev + fluent-hibernate-core + 0.3.1 + + + + + org.postgresql + postgresql + 42.7.5 + + + + mysql + mysql-connector-java + 5.1.38 + + + + javax.validation + validation-api + 2.0.1.Final + jar + + + javax.annotation + javax.annotation-api + 1.3.2 + jar + + + javax.inject + javax.inject + 1 + jar + + + javax.servlet + servlet-api + 2.5 + jar + + + + com.itextpdf + kernel + 7.1.15 + jar + + + com.itextpdf + layout + 7.1.15 + jar + + + com.itextpdf + itextpdf + 5.5.13.2 + jar + + + com.lowagie + itext + 2.1.7 + + + net.sf.jasperreports + jasperreports + 6.20.6 + + + com.aspose + aspose-cells + 23.10 + + + + + e-iceblue + spire.xls.free + 2.2.0 + + + net.glxn + qrgen + 1.4 + + + + net.sf.barcode4j + barcode4j-light + 2.0 + + + + + + + + + + + AsposeJavaAPI + + Aspose Java API + + https://releases.aspose.com/java/repo/ + + + + + + + + + src/main/resources + true + + + ${basedir}/src/main/webapp/WEB-INF + + web.xml + + true + ${project.build.directory} + + + + + org.apache.maven.plugins + maven-compiler-plugin + 3.6.0 + + 16 + 16 + 16 + ${project.build.sourceEncoding} + + ${endorsed.dir} + + + + + org.eclipse.jetty + jetty-maven-plugin + ${jetty.version} + + + /ultima + + 5 + ${project.build.directory}/web.xml + + + + org.apache.maven.plugins + maven-resources-plugin + 3.1.0 + + + org.apache.maven.plugins + maven-war-plugin + 3.3.0 + + false + + + + org.apache.maven.plugins + maven-dependency-plugin + 3.3.0 + + + validate + + copy + + + ${endorsed.dir} + true + + + javax + javaee-endorsed-api + 7.0 + jar + + + + + + + + org.flywaydb + flyway-maven-plugin + 9.20.0 + + + + + + distribute + + jar + + + + + maven-assembly-plugin + 3.6.0 + + + build-theme + package + + single + + + + src/assemble/theme.xml + + ${project.name}-theme-${project.version} + false + + + + + + + + + deploy + + true + + + + + org.apache.maven.plugins + maven-war-plugin + 3.3.0 + + + + true + src/main/webapp + + **/web.xml + + + + src/main/webapp + ${project.build.directory}/web.xml + + + + + + + \ No newline at end of file diff --git a/src/assemble/theme.xml b/src/assemble/theme.xml new file mode 100644 index 0000000..9d13386 --- /dev/null +++ b/src/assemble/theme.xml @@ -0,0 +1,22 @@ + + + theme + + jar + + + false + + + + ${basedir}/src/main/webapp/resources + /META-INF/resources + + primefaces-*/theme.css + + + + + \ No newline at end of file diff --git a/src/main/java/com/triz/trizservice/bean/ChoixEtablissementBean.java b/src/main/java/com/triz/trizservice/bean/ChoixEtablissementBean.java new file mode 100644 index 0000000..fd8ef6b --- /dev/null +++ b/src/main/java/com/triz/trizservice/bean/ChoixEtablissementBean.java @@ -0,0 +1,178 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.bean; + +import com.triz.trizservice.modeles.Etablissement; +import com.triz.trizservice.modeles.ServiceEtablissementUser; +import com.triz.trizservice.modeles.ServiceUser; +import com.triz.trizservice.modeles.ServicehistoriqueConnection; +import com.triz.trizservice.service.TransactionService; +import com.triz.util.UtilContext; +import com.triz.util.UtilControleAccess; +import com.triz.util.UtilGetParametre; +import com.triz.util.UtilURL; +import java.util.Date; +import java.util.List; +import javax.annotation.PostConstruct; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +/** + * + * @author FORCE TECH + */ +@Component("choixEtablissementBean") +@Scope("session") +public class ChoixEtablissementBean { + + private static final long serialVersionUID = 1L; + + private Etablissement etablissementSelected; + private String URL = "/view/telephone/listActif.xhtml?faces-redirect=true"; + private String STOCK_URL = "/accueil.xhtml?faces-redirect=true"; + private String STOCK_URL_TB = "/accueil.xhtml?faces-redirect=true"; + private String TABLEAU_URL = "/view/vente/listEtab.xhtml?faces-redirect=true"; + private String STOCK_URL_VENTECOMPTOIRE = "/view/venteSuperette/list.xhtml?faces-redirect=true"; + public String Multi_Etablissement_URL = "/view/choixEtablissement/list.xhtml"; + public String URL_PRODUCTION = "/view/production/list.xhtml?faces-redirect=true"; + public String URL_SAV = "/view/SAV/list.xhtml?faces-redirect=true"; + private boolean useDistribution; + private boolean voirTableau; + + private List listeEtablissement; + + @Autowired + public transient TransactionService service; + + @Autowired + private transient UtilControleAccess utilControleAccess; + + @Autowired + public transient UtilContext context; + + private ServiceUser user; + + @PostConstruct + public void init() { + System.out.println("//--------------init()choixEtablissementBean "); +// useDistribution = UtilGetParametre.useTrizDistribution(); + user = context.getCurrentUser(); +// voirTableau = false; +// if ("true".equals(user.getShowTableauDeBord())) { +// voirTableau = true; +// } + listeEtablissement = service.getAllStockEtablissementFromUsersEtablissementByUser(user); +// for (Etablissement etab : listeEtablissement) { +//// if (etab.getCodeUsine() == null) { +//// etab.setCodeUsine(etab.getId()); +//// service.save(etab); +//// continue; +//// } +// if (etab.getCodeUsine().isEmpty()) { +// etab.setCodeUsine(etab.getId()); +// service.save(etab); +// continue; +// } +// } +// context.setAllFonctionByUser(null); + } + + public List getListeEtablissement() { + return listeEtablissement; + } + + public void setListeEtablissement(List listeEtablissement) { + this.listeEtablissement = listeEtablissement; + } + + public Etablissement getEtablissementSelected() { + return etablissementSelected; + } + + public void setEtablissementSelected(Etablissement etablissementSelected) { + this.etablissementSelected = etablissementSelected; + } + + public String etablissementIsSelected(FiltreBean filtre) { + UtilURL.resetSession(); +// context.setAllFonctionByUser(null); +// context.setEtablissementSelect(null); +// context.setUserSelect(null); + if (filtre != null) { + filtre.remiseAZero(); + } + // UtilURL.setIsTableauDeBord(false); +// if (voirTableau) { +// if (etablissementSelected == null) { +// UtilURL.setIsTableauDeBord(true); +// UtilURL.setIdEtablissement(null); +// UtilURL.setFonctionnaliteServer(serviceSuite.getFonctionServerByUsers(context.getCurrentUser())); +// UtilURL.setIsProuction(false); +// saveConnection("true", etablissementSelected); +// return TABLEAU_URL; +// } +// } + + UtilURL.setIdEtablissement(etablissementSelected.getIdEtabStock()); + UtilURL.setFonctionnalite(service.getFonctionServerByUsersByEtablissement(context.getCurrentUser(), etablissementSelected)); + ServiceEtablissementUser userEtablissement = service.getAllUserEtablissementByEtablissementByUser(etablissementSelected, user); +// if(etablissementSelected.gettypeetab) + //getListeModeleEdition(etablissementSelected); + saveConnection(etablissementSelected); +// if (("true".equals(userEtablissement.getUseSuperette()))) { +// UtilURL.setIsProuction(false); +// return STOCK_URL_VENTECOMPTOIRE; +// } +// if (etablissementSelected.getType_etablissemnt() != null) { +// if (etablissementSelected.getType_etablissemnt().equals("sav")) { +// return URL_SAV; +// } +// +// if (etablissementSelected.getType_etablissemnt().equals("production")) { +// UtilURL.setIsProuction(true); +// return URL_PRODUCTION; +// } else { +// UtilURL.setIsProuction(false); +// if (context.getUseTB() && utilControleAccess.isshow1("Acceuil")) { +// return STOCK_URL_TB; +// } +// return STOCK_URL; +// } +// } +// UtilURL.setIsProuction(false); +// if (context.getUseTB() && utilControleAccess.isshow1("Acceuil")) { +// return STOCK_URL_TB; +// } + return STOCK_URL; + + } + + private void saveConnection(Etablissement etablissement) { + ServicehistoriqueConnection his = new ServicehistoriqueConnection(); + his.setFkUser(user); + his.setFkEtablissement(etablissement); + his.setDate(new Date()); + his.setHeur(new Date()); + his.setAdresseIp(""); + service.save(his); + } +// +// public String production() { +// return "/view/production/productionList.xhtml?faces-redirect=true"; +// } +// +// public boolean isVoirTableau() { +// return voirTableau; +// } +// +// public void setVoirTableau(boolean voirTableau) { +// this.voirTableau = voirTableau; +// } + + public String voirUser() { + return "/views/user/form.xhtml?faces-redirect=true&user1=" + user.getUserid(); + } +} diff --git a/src/main/java/com/triz/trizservice/bean/FiltreBean.java b/src/main/java/com/triz/trizservice/bean/FiltreBean.java new file mode 100644 index 0000000..3d05368 --- /dev/null +++ b/src/main/java/com/triz/trizservice/bean/FiltreBean.java @@ -0,0 +1,309 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.bean; + +import com.triz.trizservice.modeles.Etablissement; +import com.triz.trizservice.modeles.ServiceUser; +import com.triz.trizservice.modeles.ServiceWilaya; +import com.triz.trizservice.service.TransactionService; +import com.triz.util.UtilContext; +import com.triz.util.UtilFile; +import java.util.ArrayList; +import java.util.List; +import javax.annotation.PostConstruct; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +/** + * + * @author FORCE TECH + */ +@Component("filtreBean") +@Scope("session") +public class FiltreBean { + + private ServiceUser user; +// private Users userDist; + private Etablissement etablissement; + private Etablissement etablissementPrincipal; +// private Etablissement etablissementDisPrincipal; +// private Etablissement etablissementDist; + private List listeZone; + private List listeEtablissement; + //private List listeEtablissementDist; + //private List listeCamion; + // private List listeCommunes; + private List listeWilaya; + // private List listeTypeActivitie; + // private List listeTypeClient; + // private List listeRaisonNonVente; + // private List listeEvaluationDistance; + private List listeConfirmer; + private List listeDoubleFiltre; + +// @Autowired +// public TransactionServiceSuite serviceDistributionSuite; + @Autowired + public TransactionService service; + +// @Autowired +// public TransactionServiceStockSuite serviceSuite; +// +// @Autowired +// public TransactionService serviceDistribution; + + @Autowired + public UtilContext context; + + @Autowired + public UtilFile utilFile; + +// @Autowired +// private TransactionServiceTBNew serviceTbNew; +// +// @Autowired +// public TransactionServiceTB serviceTB; + + @PostConstruct + public void init() { + user = context.getCurrentUser(); + etablissement = context.getCurrentEtablissement(); + + // etablissementDist = serviceDistribution.getEtablissementById(etablissement.getFkEtablissementDistribution()); + listeEtablissement = new ArrayList<>(); + listeEtablissement.add(etablissement); + + // listeCamion = new ArrayList<>(); + // listeEtablissementDist = new ArrayList<>(); +// for (Etablissement etab : listeEtablissement) { +// if ("true".equals(etab.getIsPrincipal())) { +// etablissementPrincipal = etab; +// } +//// if (etab.getFkEtablissementDistribution() != null) { +//// Etablissement etabDist = serviceDistribution.getEtablissementById(etab.getFkEtablissementDistribution()); +//// listeCamion.addAll(serviceDistribution.getAllCamionsActifByEtablissement(etabDist)); +//// listeEtablissementDist.add(etabDist); +//// if ("true".equals(etab.getIsPrincipal())) { +//// etablissementDisPrincipal = etabDist; +//// } +//// } +// +// } + if (etablissementPrincipal == null) { + etablissementPrincipal = listeEtablissement.get(0); + //etablissementDisPrincipal = serviceDistribution.getEtablissementById(etablissementPrincipal.getFkEtablissementDistribution()); + } + listeWilaya = service.getAllWilaya(); + ///listeCommunes = service.getAllCommune(); + // listeEvaluationDistance = serviceTB.getAllTBEvaluationDistance(); + // listeTypeActivitie = service.getTypeActivitieClientByEtablissement(etablissementPrincipal); + // listeTypeClient = service.getAllTypeClientsByEtablissement(etablissementPrincipal); +// if (etablissementDisPrincipal != null) { +// listeRaisonNonVente = serviceDistributionSuite.getAllRaisonNonVenteActifByEtablissement(etablissementDist); +// } + + listeConfirmer = new ArrayList<>(); + listeConfirmer.add("Oui"); + listeConfirmer.add("Non"); + + listeDoubleFiltre = new ArrayList<>(); + listeDoubleFiltre.add("="); + listeDoubleFiltre.add("<="); + listeDoubleFiltre.add(">="); + listeDoubleFiltre.add("<"); + listeDoubleFiltre.add(">"); + + } + + public void remiseAZero() { + System.out.println("FiltreBean remiseAZero"); + user = null; + // userDist = null; + etablissement = null; + etablissementPrincipal = null; + // etablissementDist = null; + listeZone = null; + listeEtablissement = null; + // listeEtablissementDist = null; + // listeCamion = null; + // listeCommunes = null; + listeWilaya = null; + // listeTypeActivitie = null; + // listeTypeClient = null; + // listeEvaluationDistance = null; + listeConfirmer = null; + } + + public ServiceUser getUser() { + if (user == null) { + init(); + } + return user; + } + + public void setUser(ServiceUser user) { + this.user = user; + } + +// public Users getUserDist() { +// if (userDist == null) { +// init(); +// } +// return userDist; +// } + +// public void setUserDist(Users userDist) { +// this.userDist = userDist; +// } + + public Etablissement getEtablissement() { + if (etablissement == null) { + init(); + } + return etablissement; + } + + public void setEtablissement(Etablissement etablissement) { + this.etablissement = etablissement; + } + +// public Etablissement getEtablissementDist() { +// if (etablissementDist == null) { +// init(); +// } +// return etablissementDist; +// } + +// public void setEtablissementDist(Etablissement etablissementDist) { +// this.etablissementDist = etablissementDist; +// } + + public List getListeZone() { + if (listeZone == null) { + init(); + } + return listeZone; + } + + public void setListeZone(List listeZone) { + this.listeZone = listeZone; + } + + public List getListeEtablissement() { + if (listeEtablissement == null) { + init(); + } + return listeEtablissement; + } + + public void setListeEtablissement(List listeEtablissement) { + this.listeEtablissement = listeEtablissement; + } + +// public List getListeEtablissementDist() { +// if (listeEtablissementDist == null) { +// init(); +// } +// return listeEtablissementDist; +// } +// +// public void setListeEtablissementDist(List listeEtablissementDist) { +// this.listeEtablissementDist = listeEtablissementDist; +// } +// +// public List getListeCamion() { +// if (listeCamion == null) { +// init(); +// } +// return listeCamion; +// } +// +// public void setListeCamion(List listeCamion) { +// this.listeCamion = listeCamion; +// } +// +// public List getListeCommunes() { +// if (listeCommunes == null) { +// init(); +// } +// return listeCommunes; +// } +// +// public void setListeCommunes(List listeCommunes) { +// this.listeCommunes = listeCommunes; +// } + + public List getListeWilaya() { + if (listeWilaya == null) { + init(); + } + return listeWilaya; + } + + public void setListeWilaya(List listeWilaya) { + this.listeWilaya = listeWilaya; + } + +// public List getListeTypeActivitie() { +// if (listeTypeActivitie == null) { +// init(); +// } +// return listeTypeActivitie; +// } +// +// public void setListeTypeActivitie(List listeTypeActivitie) { +// this.listeTypeActivitie = listeTypeActivitie; +// } +// +// public List getListeTypeClient() { +// if (listeTypeClient == null) { +// init(); +// } +// return listeTypeClient; +// } +// +// public void setListeTypeClient(List listeTypeClient) { +// this.listeTypeClient = listeTypeClient; +// } +// +// public List getListeEvaluationDistance() { +// if (listeEvaluationDistance == null) { +// init(); +// } +// return listeEvaluationDistance; +// } +// +// public void setListeEvaluationDistance(List listeEvaluationDistance) { +// this.listeEvaluationDistance = listeEvaluationDistance; +// } + + public List getListeConfirmer() { + if (listeConfirmer == null) { + init(); + } + return listeConfirmer; + } + + public void setListeConfirmer(List listeConfirmer) { + this.listeConfirmer = listeConfirmer; + } + +// public List getListeRaisonNonVente() { +// return listeRaisonNonVente; +// } +// +// public void setListeRaisonNonVente(List listeRaisonNonVente) { +// this.listeRaisonNonVente = listeRaisonNonVente; +// } + + public List getListeDoubleFiltre() { + return listeDoubleFiltre; + } + + public void setListeDoubleFiltre(List listeDoubleFiltre) { + this.listeDoubleFiltre = listeDoubleFiltre; + } +} diff --git a/src/main/java/com/triz/trizservice/bean/FormGroupBean.java b/src/main/java/com/triz/trizservice/bean/FormGroupBean.java new file mode 100644 index 0000000..9fb8215 --- /dev/null +++ b/src/main/java/com/triz/trizservice/bean/FormGroupBean.java @@ -0,0 +1,305 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.bean; + +import com.triz.trizservice.modeles.ServiceFonctiongroupe; +import com.triz.trizservice.modeles.ServiceFonctionnaliter; +import com.triz.trizservice.modeles.ServiceGroupe; +import com.triz.trizservice.modeles.ServiceUser; +import com.triz.trizservice.modeles.object.GenerateIDObject; +import com.triz.trizservice.service.TransactionService; +import com.triz.util.UtilContext; +import java.util.ArrayList; +import java.util.Date; +import java.util.List; +import javax.annotation.PostConstruct; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +/** + * + * @author Asma + */ +@Component("formGroupBean") +@Scope("view") +public class FormGroupBean { + + private boolean canEdit; + private boolean isNew; + private boolean isActif; + private String groupe; + private String modifier; + private ServiceUser user; + private ServiceGroupe groupeSelected; + private ServiceFonctiongroupe fonctionSelected; + private List listeAllFonctionnalite; + private List listeFonctionnalite; + private List listeFonctionsASupprimer = new ArrayList<>(); + private List Source; + private List Target; + + @Autowired + public TransactionService service; + + @Autowired + public UtilContext context; + + @PostConstruct + public void init() { + System.out.println("//--------------init()FormGroupBean "); + Source = new ArrayList<>(); + Target = new ArrayList<>(); + user = context.getCurrentUser(); + if (modifier != null) { + if (modifier.equals("true")) { + canEdit = true; + } + } + if (groupe != null) { + System.out.println("hello 1"); + groupeSelected = service.getGroupsById(groupe); + } else { + System.out.println("hello 2"); + if (canEdit) { + System.out.println("hello 3"); + isNew = true; + } + groupeSelected = new ServiceGroupe(); + } + + if (modifier != null) { + listeAllFonctionnalite = service.getAllFonctionalite(); + for (ServiceFonctionnaliter f : listeAllFonctionnalite) { + Source.add(f); + } + if (groupe != null) { + listeAllFonctionnalite = service.getFonctionServerByGroups(groupeSelected); + } else { + listeAllFonctionnalite = new ArrayList<>(); + } + for (ServiceFonctionnaliter f : listeAllFonctionnalite) { + Target.add(f); + } + for (ServiceFonctionnaliter s : Target) { + if (Source.contains(s)) { + Source.remove(s); + } + } + } + if (groupe != null) { + listeFonctionnalite = service.getAllFonctionsGroupesByGroupe(groupeSelected); + } + } + + public void ajouterFonctionnalitesAuGroupe() { + if (Target != null && !Target.isEmpty()) { + + if (listeFonctionnalite == null) { + listeFonctionnalite = new ArrayList<>(); + } + + for (ServiceFonctionnaliter f : Target) { + boolean existe = false; + + for (ServiceFonctiongroupe fg : listeFonctionnalite) { + if (fg.getFkFonction().getId().equals(f.getId())) { + existe = true; + break; + } + } + + if (!existe) { + ServiceFonctiongroupe newFg = new ServiceFonctiongroupe(); + // newFg.setId(groupeSelected.getId() + f.getId()); + newFg.setFkFonction(f); + newFg.setFkGroupe(groupeSelected); + newFg.setCanCreate("true"); + newFg.setCanUpdate("true"); + newFg.setCanDelete("true"); + newFg.setCanUpdateDate("true"); + listeFonctionnalite.add(newFg); + } + } + + Source.removeAll(Target); + Target.clear(); + } + } + + public void deletefonction() { + if (fonctionSelected != null && listeFonctionnalite != null) { + listeFonctionnalite.remove(fonctionSelected); + listeFonctionsASupprimer.add(fonctionSelected); // Marquer pour suppression + + if (!Source.contains(fonctionSelected.getFkFonction())) { + Source.add(fonctionSelected.getFkFonction()); + } + + fonctionSelected = null; + } + } + + public String saveGroupe() { + if (isNew) { + System.out.println("hello from save 1"); + String id = GenerateIDObject.genererIdGroups(service); + while (service.getGroupsById(id) != null) { + id = GenerateIDObject.genererIdGroups(service); + } + groupeSelected.setId(id); + groupeSelected.setActif("true"); + service.save(groupeSelected); + context.saveNewManipulation("Groupe", groupeSelected.getId(), "Ajouter Groupe", new Date(), new Date(), user, 0d, 0d); + }else{ + System.out.println("hello from save 2"); + service.save(groupeSelected); + } + + // Sauvegarde des fonctionnalités (ajoutées ou modifiées) + if (listeFonctionnalite != null) { + for (ServiceFonctiongroupe fg : listeFonctionnalite) { + service.saveFonctionsGroupes(fg); + } + } + + // Suppression des fonctionnalités supprimées + if (listeFonctionsASupprimer != null) { + for (ServiceFonctiongroupe fg : listeFonctionsASupprimer) { + service.removeFonctionsGroupes(fg); + } + listeFonctionsASupprimer.clear(); // Nettoyage + } + + return consulterGroups(); + } + + public String voirGroupe() { + if (!isNew) { + if (!canEdit) { + return "list.xhtml?faces-redirect=true"; + } else { + return "form.xhtml?faces-redirect=true&groupe=" + groupeSelected.getId(); + } + } else { + return "list.xhtml?faces-redirect=true"; + } + } + + public String consulterGroups() { + return "form.xhtml?faces-redirect=true&canEdit=false&groupe=" + groupeSelected.getId(); + } + + public String editGroupe() { + return "form.xhtml?faces-redirect=true&canEdit=true&groupe=" + groupeSelected.getId(); + } + + public String supprimeGroupe() { + System.out.println("Hi "); + groupeSelected.setActif("false"); + service.save(groupeSelected); + return listeGroupe(); + } + + public String listeGroupe() { + return "list.xhtml?faces-redirect=true"; + } + + public boolean isCanEdit() { + return canEdit; + } + + public void setCanEdit(boolean canEdit) { + this.canEdit = canEdit; + } + + public boolean isIsNew() { + return isNew; + } + + public void setIsNew(boolean isNew) { + this.isNew = isNew; + } + + public boolean isIsActif() { + return isActif; + } + + public void setIsActif(boolean isActif) { + this.isActif = isActif; + } + + public String getGroupe() { + return groupe; + } + + public void setGroupe(String groupe) { + this.groupe = groupe; + } + + public String getModifier() { + return modifier; + } + + public void setModifier(String modifier) { + this.modifier = modifier; + } + + public ServiceUser getUser() { + return user; + } + + public void setUser(ServiceUser user) { + this.user = user; + } + + public ServiceGroupe getGroupeSelected() { + return groupeSelected; + } + + public void setGroupeSelected(ServiceGroupe groupeSelected) { + this.groupeSelected = groupeSelected; + } + + public List getListeAllFonctionnalite() { + return listeAllFonctionnalite; + } + + public void setListeAllFonctionnalite(List listeAllFonctionnalite) { + this.listeAllFonctionnalite = listeAllFonctionnalite; + } + + public List getListeFonctionnalite() { + return listeFonctionnalite; + } + + public void setListeFonctionnalite(List listeFonctionnalite) { + this.listeFonctionnalite = listeFonctionnalite; + } + + public ServiceFonctiongroupe getFonctionSelected() { + return fonctionSelected; + } + + public void setFonctionSelected(ServiceFonctiongroupe fonctionSelected) { + this.fonctionSelected = fonctionSelected; + } + + public List getSource() { + return Source; + } + + public void setSource(List Source) { + this.Source = Source; + } + + public List getTarget() { + return Target; + } + + public void setTarget(List Target) { + this.Target = Target; + } +} diff --git a/src/main/java/com/triz/trizservice/bean/FormUserBean.java b/src/main/java/com/triz/trizservice/bean/FormUserBean.java new file mode 100644 index 0000000..45f41e9 --- /dev/null +++ b/src/main/java/com/triz/trizservice/bean/FormUserBean.java @@ -0,0 +1,191 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.bean; + +import com.triz.trizservice.modeles.ServiceGroupe; +import com.triz.trizservice.modeles.ServiceIncrementation; +import com.triz.trizservice.modeles.ServiceMember; +import com.triz.trizservice.modeles.ServiceUser; +import com.triz.trizservice.modeles.ServicehistoriqueConnection; +import com.triz.trizservice.modeles.ServiceHistoriqueManipulation; +import com.triz.trizservice.service.TransactionService; +import com.triz.util.UtilContext; +import java.util.ArrayList; +import java.util.List; +import javax.annotation.PostConstruct; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +/** + * + * @author Asma + */ +@Component("formUserBean") +@Scope("view") +public class FormUserBean { + + private boolean canEdit; + private boolean isNew; + private String user1; + private String modifier; + private ServiceUser user; + private ServiceUser userSelected; + private ServiceIncrementation incrementationSelected; + private List listeHistCnx = new ArrayList<>(); + private List listehistManipulation = new ArrayList<>(); + private List listeGroups; + private ServiceMember member; + + @Autowired + public TransactionService service; + + @Autowired + public UtilContext context; + + @PostConstruct + public void init() { + System.out.println("//--------------init()FormUserBean "); + user = context.getCurrentUser(); + listeGroups = service.getAllGroups(); + + if (modifier != null) { + if (modifier.equals("true")) { + canEdit = true; + } + } + System.out.println("Utilisateur" + user1); + if (user1 != null) { + userSelected = service.getUserById(user1); + member = service.getGroupByUser(userSelected); + System.out.println("Utilisateur" + userSelected); + listeHistCnx = service.getListHistoriqueConnectionByUsers(userSelected); + listehistManipulation = service.getListHistoriqueManipulationByUsersByEntreprise(userSelected); + } else { + if (canEdit) { + isNew = true; + } + incrementationSelected = new ServiceIncrementation(); + userSelected = new ServiceUser(); + member = new ServiceMember(); + } + } + + public ServiceGroupe getGroupeOfUser(ServiceUser user) { + member = service.getGroupByUser(user); + return member.getFkGroupe(); + } + + public String saveUser() { + service.saveUser(userSelected); + member.setFkUser(userSelected); + service.saveMembership(member); + return voirUser(); + } + + public String voirUser() { + if (!isNew) { + if (!canEdit) { + return "list.xhtml?faces-redirect=true"; + } else { + return "form.xhtml?faces-redirect=true&user1=" + userSelected.getUserid(); + } + } else { + return "list.xhtml?faces-redirect=true"; + } + } + + public String editUser() { + return "form.xhtml?faces-redirect=true&canEdit=true&user1=" + userSelected.getUserid(); + } + + public boolean isCanEdit() { + return canEdit; + } + + public void setCanEdit(boolean canEdit) { + this.canEdit = canEdit; + } + + public boolean isIsNew() { + return isNew; + } + + public void setIsNew(boolean isNew) { + this.isNew = isNew; + } + + public String getUser1() { + return user1; + } + + public void setUser1(String user1) { + this.user1 = user1; + } + + public String getModifier() { + return modifier; + } + + public void setModifier(String modifier) { + this.modifier = modifier; + } + + public ServiceUser getUser() { + return user; + } + + public void setUser(ServiceUser user) { + this.user = user; + } + + public ServiceUser getUserSelected() { + return userSelected; + } + + public void setUserSelected(ServiceUser userSelected) { + this.userSelected = userSelected; + } + + public ServiceIncrementation getIncrementationSelected() { + return incrementationSelected; + } + + public void setIncrementationSelected(ServiceIncrementation incrementationSelected) { + this.incrementationSelected = incrementationSelected; + } + + public List getListeHistCnx() { + return listeHistCnx; + } + + public void setListeHistCnx(List listeHistCnx) { + this.listeHistCnx = listeHistCnx; + } + + public List getListehistManipulation() { + return listehistManipulation; + } + + public void setListehistManipulation(List listehistManipulation) { + this.listehistManipulation = listehistManipulation; + } + + public List getListeGroups() { + return listeGroups; + } + + public void setListeGroups(List listeGroups) { + this.listeGroups = listeGroups; + } + + public ServiceMember getMember() { + return member; + } + + public void setMember(ServiceMember member) { + this.member = member; + } +} diff --git a/src/main/java/com/triz/trizservice/bean/GroupBean.java b/src/main/java/com/triz/trizservice/bean/GroupBean.java new file mode 100644 index 0000000..d51b63f --- /dev/null +++ b/src/main/java/com/triz/trizservice/bean/GroupBean.java @@ -0,0 +1,85 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.bean; + +import com.triz.trizservice.modeles.ServiceFonctionnaliter; +import com.triz.trizservice.modeles.ServiceGroupe; +import com.triz.trizservice.modeles.ServiceUser; +import com.triz.trizservice.service.TransactionService; +import com.triz.util.UtilContext; +import java.util.Date; +import java.util.List; +import javax.annotation.PostConstruct; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +/** + * + * @author Asma + */ + +@Component("groupBean") +@Scope("view") +public class GroupBean { + private ServiceUser user; + private ServiceGroupe groupeSelected; + private List listeFonctionnalite; + private List listeGroupe; + + @Autowired + public TransactionService service; + + @Autowired + public UtilContext context; + + @PostConstruct + public void init() { + System.out.println("//--------------init()GroupBean "); + user = context.getCurrentUser(); + listeGroupe = service.getAllGroups(); + listeFonctionnalite = service.getAllFonctionalite(); + } + + public String ajouterGroupe() { + return "form.xhtml?faces-redirect=true&canEdit=true"; + } + + public String voirGroupe(ServiceGroupe groupe) { + return "form.xhtml?faces-redirect=true&groupe=" + groupe.getId(); + } + + public ServiceUser getUser() { + return user; + } + + public void setUser(ServiceUser user) { + this.user = user; + } + + public ServiceGroupe getGroupeSelected() { + return groupeSelected; + } + + public void setGroupeSelected(ServiceGroupe groupeSelected) { + this.groupeSelected = groupeSelected; + } + + public List getListeFonctionnalite() { + return listeFonctionnalite; + } + + public void setListeFonctionnalite(List listeFonctionnalite) { + this.listeFonctionnalite = listeFonctionnalite; + } + + public List getListeGroupe() { + return listeGroupe; + } + + public void setListeGroupe(List listeGroupe) { + this.listeGroupe = listeGroupe; + } +} diff --git a/src/main/java/com/triz/trizservice/bean/LoginBean.java b/src/main/java/com/triz/trizservice/bean/LoginBean.java new file mode 100644 index 0000000..0504d05 --- /dev/null +++ b/src/main/java/com/triz/trizservice/bean/LoginBean.java @@ -0,0 +1,160 @@ +/* + * To change this template, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.trizservice.bean; + +import java.io.IOException; +import javax.faces.application.FacesMessage; +import javax.faces.context.ExternalContext; +import javax.faces.context.FacesContext; +import javax.faces.event.PhaseEvent; +import javax.faces.event.PhaseId; +import javax.faces.event.PhaseListener; +import javax.servlet.RequestDispatcher; +import javax.servlet.ServletException; +import javax.servlet.ServletRequest; +import javax.servlet.ServletResponse; +import org.slf4j.Logger; +import org.slf4j.LoggerFactory; +import org.springframework.context.annotation.Scope; +import org.springframework.security.authentication.BadCredentialsException; +import org.springframework.security.web.WebAttributes; +import org.springframework.stereotype.Component; + +/** + * + * @author abdrrahim.touaibia + */ +@Component("loginBean") +@Scope("session") +public class LoginBean implements PhaseListener { + + public LoginBean(){ + + } + + private Logger logger = LoggerFactory.getLogger(LoginBean.class); + + private String user; + private String pw; + /** + * + * Redirects the login request directly to spring security check. Leave this + * method as it is to properly support spring security. + * + * @return + * @throws ServletException + * @throws IOException + */ + public String doLogin() throws ServletException, IOException { + System.out.println("--------------------------- doLogin -------------------------"); + logger.error("//log--------------------------- doLogin -------------------------"); + logger.info("//log--------------------------- doLogin -------------------------"); + + ExternalContext context = FacesContext.getCurrentInstance().getExternalContext(); + + RequestDispatcher dispatcher = ((ServletRequest) context.getRequest()) + .getRequestDispatcher("/j_spring_security_check"); + + dispatcher.forward((ServletRequest) context.getRequest(), + (ServletResponse) context.getResponse()); + + FacesContext.getCurrentInstance().responseComplete(); + + return null; + } + + public String doLogout() throws ServletException, IOException { + System.out.println("--------------------------- doLogout -------------------------"); + logger.error("//log--------------------------- doLogout -------------------------"); + logger.info("//log--------------------------- doLogout -------------------------"); + ExternalContext context = FacesContext.getCurrentInstance().getExternalContext(); + + RequestDispatcher dispatcher = ((ServletRequest) context.getRequest()) + .getRequestDispatcher("/j_spring_security_logout"); + + dispatcher.forward((ServletRequest) context.getRequest(), + (ServletResponse) context.getResponse()); + + FacesContext.getCurrentInstance().responseComplete(); + + return null; + } + + @Override + public void afterPhase(PhaseEvent event) { + System.out.println("--------------------------- afterPhase -------------------------"); + logger.error("//log--------------------------- afterPhase -------------------------"); + logger.info("//log--------------------------- afterPhase -------------------------"); + } + + /* (non-Javadoc) + * @see javax.faces.event.PhaseListener#beforePhase(javax.faces.event.PhaseEvent) + * + * Do something before rendering phase. + */ + @Override + public void beforePhase(PhaseEvent event) { + System.out.println("--------------------------- beforePhase -------------------------"); + logger.error("//log--------------------------- beforePhase -------------------------"); + logger.info("//log--------------------------- beforePhase -------------------------"); + Exception e = (Exception) FacesContext.getCurrentInstance(). + getExternalContext().getSessionMap().get(WebAttributes.AUTHENTICATION_EXCEPTION); + + if (e instanceof BadCredentialsException) { +// logger.debug("Found exception in session map: "+e); + FacesContext.getCurrentInstance().getExternalContext().getSessionMap().put( + WebAttributes.AUTHENTICATION_EXCEPTION, null); + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, + "Username or password not valid.", "Username or password not valid")); + } + } + + /* (non-Javadoc) + * @see javax.faces.event.PhaseListener#getPhaseId() + * + * In which phase you want to interfere? + */ + @Override + public PhaseId getPhaseId() { + System.out.println("--------------------------- getPhaseId -------------------------"); + logger.error("//log--------------------------- getPhaseId -------------------------"); + logger.info("//log--------------------------- getPhaseId -------------------------"); + return PhaseId.RENDER_RESPONSE; + } + + public void updateMessages(boolean update) throws Exception { + System.out.println("--------------------------- updateMessages -------------------------"); + logger.error("//log--------------------------- updateMessages -------------------------"); + logger.info("//log--------------------------- updateMessages -------------------------"); + Exception ex = (Exception) FacesContext.getCurrentInstance().getExternalContext().getSessionMap() + .get(WebAttributes.AUTHENTICATION_EXCEPTION); + + if (ex != null) { + logger.error("Authentication Failed! ", ex); + + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, ex.getMessage(), ex.getMessage())); + } + } + + public String getUser() { + return user; + } + + public void setUser(String user) { + this.user = user; + } + + public String getPw() { + return pw; + } + + public void setPw(String pw) { + this.pw = pw; + } + + +} \ No newline at end of file diff --git a/src/main/java/com/triz/trizservice/bean/UserBean.java b/src/main/java/com/triz/trizservice/bean/UserBean.java new file mode 100644 index 0000000..123cfea --- /dev/null +++ b/src/main/java/com/triz/trizservice/bean/UserBean.java @@ -0,0 +1,72 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.bean; + +import com.triz.trizservice.modeles.ServiceUser; +import com.triz.trizservice.service.TransactionService; +import com.triz.util.UtilContext; +import java.util.List; +import javax.annotation.PostConstruct; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +/** + * + * @author Asma + */ + +@Component("userBean") +@Scope("view") +public class UserBean { + private ServiceUser user; + private ServiceUser userSelected; + private List listeUser; + + @Autowired + public TransactionService service; + + @Autowired + public UtilContext context; + + public void init() { + System.out.println("//--------------init()ClientBean "); + user = context.getCurrentUser(); + listeUser = service.getAllUsers(); + System.out.println("listeClient: "+listeUser); + } + + public String ajouterUser() { + return "form.xhtml?faces-redirect=true&canEdit=true"; + } + + public String voirUser() { + return "form.xhtml?faces-redirect=true&user1=" + userSelected.getUserid(); + } + + public ServiceUser getUser() { + return user; + } + + public void setUser(ServiceUser user) { + this.user = user; + } + + public ServiceUser getUserSelected() { + return userSelected; + } + + public void setUserSelected(ServiceUser userSelected) { + this.userSelected = userSelected; + } + + public List getListeUser() { + return listeUser; + } + + public void setListeUser(List listeUser) { + this.listeUser = listeUser; + } +} diff --git a/src/main/java/com/triz/trizservice/bean/converter/EtablissementConverter.java b/src/main/java/com/triz/trizservice/bean/converter/EtablissementConverter.java new file mode 100644 index 0000000..e92b48b --- /dev/null +++ b/src/main/java/com/triz/trizservice/bean/converter/EtablissementConverter.java @@ -0,0 +1,48 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.bean.converter; + +import com.triz.trizservice.modeles.Etablissement; +import com.triz.trizservice.service.TransactionService; +import javax.faces.application.FacesMessage; +import javax.faces.component.UIComponent; +import javax.faces.context.FacesContext; +import javax.faces.convert.Converter; +import javax.faces.convert.FacesConverter; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.stereotype.Component; + +/** + * + * @author FORCE TECH + */ +@FacesConverter("etablissementConverter") +@Component +public class EtablissementConverter implements Converter{ + @Autowired + protected transient TransactionService service; + + @Override + public Object getAsObject(FacesContext fc, UIComponent uic, String value) { + try { + return service.getEtablissementById(value); + } catch (NumberFormatException e) + { + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Conversion Error", "Etablissement n'existe pas."); + } + + return null; + } + + @Override + public String getAsString(FacesContext fc, UIComponent uic, Object object) { + if (object != null) { + return String.valueOf(((Etablissement) object).getIdEtabStock()); + } else { + return null; + } + } + +} diff --git a/src/main/java/com/triz/trizservice/bean/converter/GroupeConverter.java b/src/main/java/com/triz/trizservice/bean/converter/GroupeConverter.java new file mode 100644 index 0000000..8f3388e --- /dev/null +++ b/src/main/java/com/triz/trizservice/bean/converter/GroupeConverter.java @@ -0,0 +1,47 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.bean.converter; + +import com.triz.trizservice.modeles.ServiceGroupe; +import com.triz.trizservice.service.TransactionService; +import javax.faces.application.FacesMessage; +import javax.faces.component.UIComponent; +import javax.faces.context.FacesContext; +import javax.faces.convert.Converter; +import javax.faces.convert.FacesConverter; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.stereotype.Component; + +/** + * + * @author Asma + */ +@FacesConverter("groupeConverter") +@Component +public class GroupeConverter implements Converter{ + @Autowired + protected transient TransactionService service; + + @Override + public Object getAsObject(FacesContext fc, UIComponent uic, String value) { + try { + System.out.println("service "+ service); + return service.getGroupsById(value); + } catch (NumberFormatException e) { + new FacesMessage(FacesMessage.SEVERITY_ERROR, "Conversion Error", "Entreprise n'existe pas."); + } + + return null; + } + + @Override + public String getAsString(FacesContext fc, UIComponent uic, Object object) { + if (object != null) { + return String.valueOf(((ServiceGroupe) object).getId()); + } else { + return null; + } + } +} diff --git a/src/main/java/com/triz/trizservice/modeles/Agence.java b/src/main/java/com/triz/trizservice/modeles/Agence.java new file mode 100644 index 0000000..93bc8ae --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/Agence.java @@ -0,0 +1,135 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "agence", catalog = "triz_tresorie", schema = "public") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "Agence.findAll", query = "SELECT a FROM Agence a"), + @NamedQuery(name = "Agence.findById", query = "SELECT a FROM Agence a WHERE a.id = :id"), + @NamedQuery(name = "Agence.findByCode", query = "SELECT a FROM Agence a WHERE a.code = :code"), + @NamedQuery(name = "Agence.findByDesignation", query = "SELECT a FROM Agence a WHERE a.designation = :designation")}) +public class Agence implements Serializable { + + @Size(max = 10) + @Column(name = "code") + private String code; + @Size(max = 50) + @Column(name = "designation") + private String designation; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + @JoinColumn(name = "fk_banque", referencedColumnName = "id") + @ManyToOne + private Banque fkBanque; + @OneToMany(mappedBy = "fkAgence") + private List tresorieList; + + public Agence() { + } + + public Agence(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + public Banque getFkBanque() { + return fkBanque; + } + + public void setFkBanque(Banque fkBanque) { + this.fkBanque = fkBanque; + } + + @XmlTransient + public List getTresorieList() { + return tresorieList; + } + + public void setTresorieList(List tresorieList) { + this.tresorieList = tresorieList; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof Agence)) { + return false; + } + Agence other = (Agence) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.Agence[ id=" + id + " ]"; + } + + + + + public String getCode() { + return code; + } + + public void setCode(String code) { + this.code = code; + } + + public String getDesignation() { + return designation; + } + + public void setDesignation(String designation) { + this.designation = designation; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/Alerte.java b/src/main/java/com/triz/trizservice/modeles/Alerte.java new file mode 100644 index 0000000..3bdc2d7 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/Alerte.java @@ -0,0 +1,157 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.Date; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.Table; +import javax.persistence.Temporal; +import javax.persistence.TemporalType; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "alerte") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "Alerte.findAll", query = "SELECT a FROM Alerte a"), + @NamedQuery(name = "Alerte.findById", query = "SELECT a FROM Alerte a WHERE a.id = :id"), + @NamedQuery(name = "Alerte.findByReference", query = "SELECT a FROM Alerte a WHERE a.reference = :reference"), + @NamedQuery(name = "Alerte.findByMontant", query = "SELECT a FROM Alerte a WHERE a.montant = :montant"), + @NamedQuery(name = "Alerte.findByDate", query = "SELECT a FROM Alerte a WHERE a.date = :date"), + @NamedQuery(name = "Alerte.findByObservation", query = "SELECT a FROM Alerte a WHERE a.observation = :observation")}) +public class Alerte implements Serializable { + + @Size(max = 50) + @Column(name = "reference") + private String reference; + @Size(max = 255) + @Column(name = "observation") + private String observation; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + // @Max(value=?) @Min(value=?)//if you know range of your decimal fields consider using these annotations to enforce field validation + @Column(name = "montant") + private Double montant; + @Column(name = "date") + @Temporal(TemporalType.DATE) + private Date date; + @JoinColumn(name = "fk_mouvement", referencedColumnName = "id") + @ManyToOne + private Mouvement fkMouvement; + @JoinColumn(name = "fk_type_mouvement", referencedColumnName = "id") + @ManyToOne + private TypeMouvement fkTypeMouvement; + + public Alerte() { + } + + public Alerte(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + public Double getMontant() { + return montant; + } + + public void setMontant(Double montant) { + this.montant = montant; + } + + public Date getDate() { + return date; + } + + public void setDate(Date date) { + this.date = date; + } + + + public Mouvement getFkMouvement() { + return fkMouvement; + } + + public void setFkMouvement(Mouvement fkMouvement) { + this.fkMouvement = fkMouvement; + } + + public TypeMouvement getFkTypeMouvement() { + return fkTypeMouvement; + } + + public void setFkTypeMouvement(TypeMouvement fkTypeMouvement) { + this.fkTypeMouvement = fkTypeMouvement; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof Alerte)) { + return false; + } + Alerte other = (Alerte) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.Alerte[ id=" + id + " ]"; + } + + public String getReference() { + return reference; + } + + public void setReference(String reference) { + this.reference = reference; + } + + public String getObservation() { + return observation; + } + + public void setObservation(String observation) { + this.observation = observation; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/AnneeFiscale.java b/src/main/java/com/triz/trizservice/modeles/AnneeFiscale.java new file mode 100644 index 0000000..ab9d7f1 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/AnneeFiscale.java @@ -0,0 +1,153 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.validation.constraints.NotNull; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "annee_fiscale") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "AnneeFiscale.findAll", query = "SELECT a FROM AnneeFiscale a"), + @NamedQuery(name = "AnneeFiscale.findByAnnee", query = "SELECT a FROM AnneeFiscale a WHERE a.annee = :annee"), + @NamedQuery(name = "AnneeFiscale.findByCloture", query = "SELECT a FROM AnneeFiscale a WHERE a.cloture = :cloture"), + @NamedQuery(name = "AnneeFiscale.findByActif", query = "SELECT a FROM AnneeFiscale a WHERE a.actif = :actif"), + @NamedQuery(name = "AnneeFiscale.findByCodeLetterage", query = "SELECT a FROM AnneeFiscale a WHERE a.codeLetterage = :codeLetterage")}) +public class AnneeFiscale implements Serializable { + + @Size(max = 255) + @Column(name = "code_letterage") + private String codeLetterage; + + private static final long serialVersionUID = 1L; + @Id + @Basic(optional = false) + @NotNull + @Column(name = "annee") + private Integer annee; + @Column(name = "cloture") + private Boolean cloture; + @Column(name = "actif") + private Boolean actif; + @JoinColumn(name = "fk_etablissement", referencedColumnName = "id_etab_stock") + @ManyToOne + private Etablissement fkEtablissement; + @OneToMany(mappedBy = "fkAnneeFiscale") + private List mouvementTierList; + @OneToMany(mappedBy = "fkAnneeFiscale") + private List mouvementList; + + public AnneeFiscale() { + } + + public AnneeFiscale(Integer annee) { + this.annee = annee; + } + + public Integer getAnnee() { + return annee; + } + + public void setAnnee(Integer annee) { + this.annee = annee; + } + + public Boolean getCloture() { + return cloture; + } + + public void setCloture(Boolean cloture) { + this.cloture = cloture; + } + + public Boolean getActif() { + return actif; + } + + public void setActif(Boolean actif) { + this.actif = actif; + } + + public String getCodeLetterage() { + return codeLetterage; + } + + public void setCodeLetterage(String codeLetterage) { + this.codeLetterage = codeLetterage; + } + + public Etablissement getFkEtablissement() { + return fkEtablissement; + } + + public void setFkEtablissement(Etablissement fkEtablissement) { + this.fkEtablissement = fkEtablissement; + } + + @XmlTransient + public List getMouvementTierList() { + return mouvementTierList; + } + + public void setMouvementTierList(List mouvementTierList) { + this.mouvementTierList = mouvementTierList; + } + + @XmlTransient + public List getMouvementList() { + return mouvementList; + } + + public void setMouvementList(List mouvementList) { + this.mouvementList = mouvementList; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (annee != null ? annee.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof AnneeFiscale)) { + return false; + } + AnneeFiscale other = (AnneeFiscale) object; + if ((this.annee == null && other.annee != null) || (this.annee != null && !this.annee.equals(other.annee))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.AnneeFiscale[ annee=" + annee + " ]"; + } + + + +} diff --git a/src/main/java/com/triz/trizservice/modeles/Banque.java b/src/main/java/com/triz/trizservice/modeles/Banque.java new file mode 100644 index 0000000..3dd1b73 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/Banque.java @@ -0,0 +1,130 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "banque") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "Banque.findAll", query = "SELECT b FROM Banque b"), + @NamedQuery(name = "Banque.findById", query = "SELECT b FROM Banque b WHERE b.id = :id"), + @NamedQuery(name = "Banque.findByNom", query = "SELECT b FROM Banque b WHERE b.nom = :nom"), + @NamedQuery(name = "Banque.findByAbreviation", query = "SELECT b FROM Banque b WHERE b.abreviation = :abreviation")}) +public class Banque implements Serializable { + + @Size(max = 50) + @Column(name = "nom") + private String nom; + @Size(max = 10) + @Column(name = "abreviation") + private String abreviation; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + @OneToMany(mappedBy = "fkBanque") + private List agenceList; + @OneToMany(mappedBy = "fkBanque") + private List compteComptableList; + + public Banque() { + } + + public Banque(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + @XmlTransient + public List getAgenceList() { + return agenceList; + } + + public void setAgenceList(List agenceList) { + this.agenceList = agenceList; + } + + @XmlTransient + public List getCompteComptableList() { + return compteComptableList; + } + + public void setCompteComptableList(List compteComptableList) { + this.compteComptableList = compteComptableList; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof Banque)) { + return false; + } + Banque other = (Banque) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.Banque_1[ id=" + id + " ]"; + } + + public String getNom() { + return nom; + } + + public void setNom(String nom) { + this.nom = nom; + } + + public String getAbreviation() { + return abreviation; + } + + public void setAbreviation(String abreviation) { + this.abreviation = abreviation; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/Cheque.java b/src/main/java/com/triz/trizservice/modeles/Cheque.java new file mode 100644 index 0000000..e8db9c4 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/Cheque.java @@ -0,0 +1,159 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.Date; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.persistence.Temporal; +import javax.persistence.TemporalType; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "cheque") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "Cheque.findAll", query = "SELECT c FROM Cheque c"), + @NamedQuery(name = "Cheque.findById", query = "SELECT c FROM Cheque c WHERE c.id = :id"), + @NamedQuery(name = "Cheque.findByReference", query = "SELECT c FROM Cheque c WHERE c.reference = :reference"), + @NamedQuery(name = "Cheque.findByMontant", query = "SELECT c FROM Cheque c WHERE c.montant = :montant"), + @NamedQuery(name = "Cheque.findByDateEmission", query = "SELECT c FROM Cheque c WHERE c.dateEmission = :dateEmission"), + @NamedQuery(name = "Cheque.findByDateRemise", query = "SELECT c FROM Cheque c WHERE c.dateRemise = :dateRemise")}) +public class Cheque implements Serializable { + + @Size(max = 50) + @Column(name = "reference") + private String reference; + @Column(name = "date_remise") + @Temporal(TemporalType.DATE) + private Date dateRemise; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + // @Max(value=?) @Min(value=?)//if you know range of your decimal fields consider using these annotations to enforce field validation + @Column(name = "montant") + private Double montant; + @Column(name = "date_emission") + @Temporal(TemporalType.DATE) + private Date dateEmission; + @JoinColumn(name = "fk_chequier", referencedColumnName = "id") + @ManyToOne + private Chequier fkChequier; + @OneToMany(mappedBy = "fkCheque") + private List mouvementList; + + public Cheque() { + } + + public Cheque(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + public Double getMontant() { + return montant; + } + + public void setMontant(Double montant) { + this.montant = montant; + } + + public Date getDateEmission() { + return dateEmission; + } + + public void setDateEmission(Date dateEmission) { + this.dateEmission = dateEmission; + } + + public Date getDateRemise() { + return dateRemise; + } + + public void setDateRemise(Date dateRemise) { + this.dateRemise = dateRemise; + } + + public Chequier getFkChequier() { + return fkChequier; + } + + public void setFkChequier(Chequier fkChequier) { + this.fkChequier = fkChequier; + } + + @XmlTransient + public List getMouvementList() { + return mouvementList; + } + + public void setMouvementList(List mouvementList) { + this.mouvementList = mouvementList; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof Cheque)) { + return false; + } + Cheque other = (Cheque) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.Cheque[ id=" + id + " ]"; + } + + public String getReference() { + return reference; + } + + public void setReference(String reference) { + this.reference = reference; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/Chequier.java b/src/main/java/com/triz/trizservice/modeles/Chequier.java new file mode 100644 index 0000000..49ef030 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/Chequier.java @@ -0,0 +1,146 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "chequier") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "Chequier.findAll", query = "SELECT c FROM Chequier c"), + @NamedQuery(name = "Chequier.findById", query = "SELECT c FROM Chequier c WHERE c.id = :id"), + @NamedQuery(name = "Chequier.findBySerie", query = "SELECT c FROM Chequier c WHERE c.serie = :serie"), + @NamedQuery(name = "Chequier.findByRefInitiale", query = "SELECT c FROM Chequier c WHERE c.refInitiale = :refInitiale"), + @NamedQuery(name = "Chequier.findByRefFinale", query = "SELECT c FROM Chequier c WHERE c.refFinale = :refFinale")}) +public class Chequier implements Serializable { + + @Size(max = 10) + @Column(name = "serie") + private String serie; + @Size(max = 10) + @Column(name = "ref_initiale") + private String refInitiale; + @Size(max = 10) + @Column(name = "ref_finale") + private String refFinale; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + @JoinColumn(name = "fk_tresorie", referencedColumnName = "id") + @ManyToOne + private Tresorie fkTresorie; + @OneToMany(mappedBy = "fkChequier") + private List chequeList; + + public Chequier() { + } + + public Chequier(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + public String getRefInitiale() { + return refInitiale; + } + + public void setRefInitiale(String refInitiale) { + this.refInitiale = refInitiale; + } + + public String getRefFinale() { + return refFinale; + } + + public void setRefFinale(String refFinale) { + this.refFinale = refFinale; + } + + public Tresorie getFkTresorie() { + return fkTresorie; + } + + public void setFkTresorie(Tresorie fkTresorie) { + this.fkTresorie = fkTresorie; + } + + @XmlTransient + public List getChequeList() { + return chequeList; + } + + public void setChequeList(List chequeList) { + this.chequeList = chequeList; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof Chequier)) { + return false; + } + Chequier other = (Chequier) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.Chequier[ id=" + id + " ]"; + } + + public String getSerie() { + return serie; + } + + public void setSerie(String serie) { + this.serie = serie; + } + + + +} diff --git a/src/main/java/com/triz/trizservice/modeles/Class.java b/src/main/java/com/triz/trizservice/modeles/Class.java new file mode 100644 index 0000000..ae7760e --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/Class.java @@ -0,0 +1,93 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.Table; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "class") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "Class.findAll", query = "SELECT c FROM Class c"), + @NamedQuery(name = "Class.findById", query = "SELECT c FROM Class c WHERE c.id = :id"), + @NamedQuery(name = "Class.findByCode", query = "SELECT c FROM Class c WHERE c.code = :code")}) +public class Class implements Serializable { + + @Size(max = 5) + @Column(name = "code") + private String code; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + + public Class() { + } + + public Class(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof Class)) { + return false; + } + Class other = (Class) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.Class[ id=" + id + " ]"; + } + + public String getCode() { + return code; + } + + public void setCode(String code) { + this.code = code; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/CompteComptable.java b/src/main/java/com/triz/trizservice/modeles/CompteComptable.java new file mode 100644 index 0000000..2d93700 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/CompteComptable.java @@ -0,0 +1,153 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "compte_comptable", catalog = "triz_tresorie", schema = "public") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "CompteComptable.findAll", query = "SELECT c FROM CompteComptable c"), + @NamedQuery(name = "CompteComptable.findById", query = "SELECT c FROM CompteComptable c WHERE c.id = :id"), + @NamedQuery(name = "CompteComptable.findByCode", query = "SELECT c FROM CompteComptable c WHERE c.code = :code"), + @NamedQuery(name = "CompteComptable.findByNumCompteComptable", query = "SELECT c FROM CompteComptable c WHERE c.numCompteComptable = :numCompteComptable"), + @NamedQuery(name = "CompteComptable.findByAccepterTier", query = "SELECT c FROM CompteComptable c WHERE c.accepterTier = :accepterTier")}) +public class CompteComptable implements Serializable { + + @Size(max = 255) + @Column(name = "code") + private String code; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + @Column(name = "num_compte_comptable") + private Integer numCompteComptable; + @Column(name = "accepter_tier") + private Boolean accepterTier; + @OneToMany(mappedBy = "fkCompteComptable") + private List tierList; + @JoinColumn(name = "fk_banque", referencedColumnName = "id") + @ManyToOne + private Banque fkBanque; + @OneToMany(mappedBy = "fkCompteComptable") + private List tresorieList; + + public CompteComptable() { + } + + public CompteComptable(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + public Integer getNumCompteComptable() { + return numCompteComptable; + } + + public void setNumCompteComptable(Integer numCompteComptable) { + this.numCompteComptable = numCompteComptable; + } + + public Boolean getAccepterTier() { + return accepterTier; + } + + public void setAccepterTier(Boolean accepterTier) { + this.accepterTier = accepterTier; + } + + @XmlTransient + public List getTierList() { + return tierList; + } + + public void setTierList(List tierList) { + this.tierList = tierList; + } + + public Banque getFkBanque() { + return fkBanque; + } + + public void setFkBanque(Banque fkBanque) { + this.fkBanque = fkBanque; + } + + @XmlTransient + public List getTresorieList() { + return tresorieList; + } + + public void setTresorieList(List tresorieList) { + this.tresorieList = tresorieList; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof CompteComptable)) { + return false; + } + CompteComptable other = (CompteComptable) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.CompteComptable[ id=" + id + " ]"; + } + + public String getCode() { + return code; + } + + public void setCode(String code) { + this.code = code; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/ControleTresorie.java b/src/main/java/com/triz/trizservice/modeles/ControleTresorie.java new file mode 100644 index 0000000..e5d0f23 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/ControleTresorie.java @@ -0,0 +1,130 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.Date; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.Table; +import javax.persistence.Temporal; +import javax.persistence.TemporalType; +import javax.xml.bind.annotation.XmlRootElement; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "controle_tresorie") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "ControleTresorie.findAll", query = "SELECT c FROM ControleTresorie c"), + @NamedQuery(name = "ControleTresorie.findById", query = "SELECT c FROM ControleTresorie c WHERE c.id = :id"), + @NamedQuery(name = "ControleTresorie.findByDateControle", query = "SELECT c FROM ControleTresorie c WHERE c.dateControle = :dateControle"), + @NamedQuery(name = "ControleTresorie.findByHeure", query = "SELECT c FROM ControleTresorie c WHERE c.heure = :heure"), + @NamedQuery(name = "ControleTresorie.findByMontant", query = "SELECT c FROM ControleTresorie c WHERE c.montant = :montant")}) +public class ControleTresorie implements Serializable { + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + @Column(name = "date_controle") + @Temporal(TemporalType.DATE) + private Date dateControle; + @Column(name = "heure") + @Temporal(TemporalType.TIME) + private Date heure; + // @Max(value=?) @Min(value=?)//if you know range of your decimal fields consider using these annotations to enforce field validation + @Column(name = "montant") + private Double montant; + @JoinColumn(name = "fk_tresorie", referencedColumnName = "id") + @ManyToOne + private Tresorie fkTresorie; + + public ControleTresorie() { + } + + public ControleTresorie(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + public Date getDateControle() { + return dateControle; + } + + public void setDateControle(Date dateControle) { + this.dateControle = dateControle; + } + + public Date getHeure() { + return heure; + } + + public void setHeure(Date heure) { + this.heure = heure; + } + + public Double getMontant() { + return montant; + } + + public void setMontant(Double montant) { + this.montant = montant; + } + + public Tresorie getFkTresorie() { + return fkTresorie; + } + + public void setFkTresorie(Tresorie fkTresorie) { + this.fkTresorie = fkTresorie; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof ControleTresorie)) { + return false; + } + ControleTresorie other = (ControleTresorie) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.ControleTresorie[ id=" + id + " ]"; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/Etablissement.java b/src/main/java/com/triz/trizservice/modeles/Etablissement.java new file mode 100644 index 0000000..cabc99e --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/Etablissement.java @@ -0,0 +1,171 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + + +import java.io.Serializable; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.Id; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.validation.constraints.NotNull; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "etablissement", catalog = "triz_tresorie", schema = "public") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "Etablissement.findAll", query = "SELECT e FROM Etablissement e"), + @NamedQuery(name = "Etablissement.findByIdEtabStock", query = "SELECT e FROM Etablissement e WHERE e.idEtabStock = :idEtabStock"), + @NamedQuery(name = "Etablissement.findByNom", query = "SELECT e FROM Etablissement e WHERE e.nom = :nom"), + @NamedQuery(name = "Etablissement.findByActif", query = "SELECT e FROM Etablissement e WHERE e.actif = :actif")}) +public class Etablissement implements Serializable { + + @Size(max = 50) + @Column(name = "nom") + private String nom; + @Size(max = 5) + @Column(name = "actif") + private String actif; + + @Id() + @Basic(optional = false) + @NotNull + @Size(min = 1, max = 50) + @Column(name = "id_etab_stock") + private String idEtabStock; + @OneToMany(mappedBy = "fkEtablissement") + private List tierList; + @OneToMany(mappedBy = "fkEtablissement") + private List anneeFiscaleList; + + @OneToMany(mappedBy = "fkEtablissement") + private List serviceEtablissementUserList; + @OneToMany(mappedBy = "fkEtablissement") + private List servicehistoriqueConnectionList; + + private static final long serialVersionUID = 1L; + + @OneToMany(mappedBy = "fkEtablissement") + private List tresorieList; + + public Etablissement() { + } + + public Etablissement(String idEtabStock) { + this.idEtabStock = idEtabStock; + } + + public String getIdEtabStock() { + return idEtabStock; + } + + public void setIdEtabStock(String idEtabStock) { + this.idEtabStock = idEtabStock; + } + + + @XmlTransient + public List getTierList() { + return tierList; + } + + public void setTierList(List tierList) { + this.tierList = tierList; + } + + @XmlTransient + public List getAnneeFiscaleList() { + return anneeFiscaleList; + } + + public void setAnneeFiscaleList(List anneeFiscaleList) { + this.anneeFiscaleList = anneeFiscaleList; + } + + + + @XmlTransient + public List getTresorieList() { + return tresorieList; + } + + public void setTresorieList(List tresorieList) { + this.tresorieList = tresorieList; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (idEtabStock != null ? idEtabStock.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof Etablissement)) { + return false; + } + Etablissement other = (Etablissement) object; + if ((this.idEtabStock == null && other.idEtabStock != null) || (this.idEtabStock != null && !this.idEtabStock.equals(other.idEtabStock))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.Etablissement[ idEtabStock=" + idEtabStock + " ]"; + } + + + @XmlTransient + public List getServiceEtablissementUserList() { + return serviceEtablissementUserList; + } + + public void setServiceEtablissementUserList(List serviceEtablissementUserList) { + this.serviceEtablissementUserList = serviceEtablissementUserList; + } + + @XmlTransient + public List getServicehistoriqueConnectionList() { + return servicehistoriqueConnectionList; + } + + public void setServicehistoriqueConnectionList(List servicehistoriqueConnectionList) { + this.servicehistoriqueConnectionList = servicehistoriqueConnectionList; + } + + + public String getNom() { + return nom; + } + + public void setNom(String nom) { + this.nom = nom; + } + + public String getActif() { + return actif; + } + + public void setActif(String actif) { + this.actif = actif; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/Mouvement.java b/src/main/java/com/triz/trizservice/modeles/Mouvement.java new file mode 100644 index 0000000..f5afeb5 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/Mouvement.java @@ -0,0 +1,299 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.Date; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.persistence.Temporal; +import javax.persistence.TemporalType; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "mouvement") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "Mouvement.findAll", query = "SELECT m FROM Mouvement m"), + @NamedQuery(name = "Mouvement.findById", query = "SELECT m FROM Mouvement m WHERE m.id = :id"), + @NamedQuery(name = "Mouvement.findByReference", query = "SELECT m FROM Mouvement m WHERE m.reference = :reference"), + @NamedQuery(name = "Mouvement.findByMontant", query = "SELECT m FROM Mouvement m WHERE m.montant = :montant"), + @NamedQuery(name = "Mouvement.findByDate", query = "SELECT m FROM Mouvement m WHERE m.date = :date"), + @NamedQuery(name = "Mouvement.findByDesignation", query = "SELECT m FROM Mouvement m WHERE m.designation = :designation"), + @NamedQuery(name = "Mouvement.findByBeneficier", query = "SELECT m FROM Mouvement m WHERE m.beneficier = :beneficier"), + @NamedQuery(name = "Mouvement.findByIsDeleted", query = "SELECT m FROM Mouvement m WHERE m.isDeleted = :isDeleted"), + @NamedQuery(name = "Mouvement.findByStockId", query = "SELECT m FROM Mouvement m WHERE m.stockId = :stockId"), + @NamedQuery(name = "Mouvement.findByHeure", query = "SELECT m FROM Mouvement m WHERE m.heure = :heure")}) +public class Mouvement implements Serializable { + + @Size(max = 50) + @Column(name = "reference") + private String reference; + @Size(max = 50) + @Column(name = "designation") + private String designation; + @Size(max = 50) + @Column(name = "beneficier") + private String beneficier; + @Size(max = 5) + @Column(name = "is_deleted") + private String isDeleted; + @Size(max = 50) + @Column(name = "stock_id") + private String stockId; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + // @Max(value=?) @Min(value=?)//if you know range of your decimal fields consider using these annotations to enforce field validation + @Column(name = "montant") + private Double montant; + @Column(name = "date") + @Temporal(TemporalType.DATE) + private Date date; + @Column(name = "heure") + @Temporal(TemporalType.TIME) + private Date heure; + @OneToMany(mappedBy = "fkMouvement") + private List alerteList; + @JoinColumn(name = "fk_annee_fiscale", referencedColumnName = "annee") + @ManyToOne + private AnneeFiscale fkAnneeFiscale; + @JoinColumn(name = "fk_cheque", referencedColumnName = "id") + @ManyToOne + private Cheque fkCheque; + @JoinColumn(name = "fk_user", referencedColumnName = "userid") + @ManyToOne + private ServiceUser fkUser; + @JoinColumn(name = "fk_sort", referencedColumnName = "id") + @ManyToOne + private Sort fkSort; + @JoinColumn(name = "fk_type_destinataire", referencedColumnName = "id") + @ManyToOne + private StockTypeDestinataire fkTypeDestinataire; + @JoinColumn(name = "fk_tier", referencedColumnName = "id") + @ManyToOne + private Tier fkTier; + @JoinColumn(name = "fk_tresorie_source", referencedColumnName = "id") + @ManyToOne + private Tresorie fkTresorieSource; + @JoinColumn(name = "fk_tresorie_destinataire", referencedColumnName = "id") + @ManyToOne + private Tresorie fkTresorieDestinataire; + @JoinColumn(name = "fk_type_mouvement", referencedColumnName = "id") + @ManyToOne + private TypeMouvement fkTypeMouvement; + + public Mouvement() { + } + + public Mouvement(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + public Double getMontant() { + return montant; + } + + public void setMontant(Double montant) { + this.montant = montant; + } + + public Date getDate() { + return date; + } + + public void setDate(Date date) { + this.date = date; + } + + + public String getIsDeleted() { + return isDeleted; + } + + public void setIsDeleted(String isDeleted) { + this.isDeleted = isDeleted; + } + + public String getStockId() { + return stockId; + } + + public void setStockId(String stockId) { + this.stockId = stockId; + } + + public Date getHeure() { + return heure; + } + + public void setHeure(Date heure) { + this.heure = heure; + } + + @XmlTransient + public List getAlerteList() { + return alerteList; + } + + public void setAlerteList(List alerteList) { + this.alerteList = alerteList; + } + + public AnneeFiscale getFkAnneeFiscale() { + return fkAnneeFiscale; + } + + public void setFkAnneeFiscale(AnneeFiscale fkAnneeFiscale) { + this.fkAnneeFiscale = fkAnneeFiscale; + } + + public Cheque getFkCheque() { + return fkCheque; + } + + public void setFkCheque(Cheque fkCheque) { + this.fkCheque = fkCheque; + } + + public ServiceUser getFkUser() { + return fkUser; + } + + public void setFkUser(ServiceUser fkUser) { + this.fkUser = fkUser; + } + + public Sort getFkSort() { + return fkSort; + } + + public void setFkSort(Sort fkSort) { + this.fkSort = fkSort; + } + + public StockTypeDestinataire getFkTypeDestinataire() { + return fkTypeDestinataire; + } + + public void setFkTypeDestinataire(StockTypeDestinataire fkTypeDestinataire) { + this.fkTypeDestinataire = fkTypeDestinataire; + } + + public Tier getFkTier() { + return fkTier; + } + + public void setFkTier(Tier fkTier) { + this.fkTier = fkTier; + } + + public Tresorie getFkTresorieSource() { + return fkTresorieSource; + } + + public void setFkTresorieSource(Tresorie fkTresorieSource) { + this.fkTresorieSource = fkTresorieSource; + } + + public Tresorie getFkTresorieDestinataire() { + return fkTresorieDestinataire; + } + + public void setFkTresorieDestinataire(Tresorie fkTresorieDestinataire) { + this.fkTresorieDestinataire = fkTresorieDestinataire; + } + + public TypeMouvement getFkTypeMouvement() { + return fkTypeMouvement; + } + + public void setFkTypeMouvement(TypeMouvement fkTypeMouvement) { + this.fkTypeMouvement = fkTypeMouvement; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof Mouvement)) { + return false; + } + Mouvement other = (Mouvement) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.Mouvement[ id=" + id + " ]"; + } + + public String getReference() { + return reference; + } + + public void setReference(String reference) { + this.reference = reference; + } + + public String getDesignation() { + return designation; + } + + public void setDesignation(String designation) { + this.designation = designation; + } + + public String getBeneficier() { + return beneficier; + } + + public void setBeneficier(String beneficier) { + this.beneficier = beneficier; + } + + + + +} diff --git a/src/main/java/com/triz/trizservice/modeles/MouvementTier.java b/src/main/java/com/triz/trizservice/modeles/MouvementTier.java new file mode 100644 index 0000000..5869db7 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/MouvementTier.java @@ -0,0 +1,182 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.Date; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.Table; +import javax.persistence.Temporal; +import javax.persistence.TemporalType; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "mouvement_tier") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "MouvementTier.findAll", query = "SELECT m FROM MouvementTier m"), + @NamedQuery(name = "MouvementTier.findById", query = "SELECT m FROM MouvementTier m WHERE m.id = :id"), + @NamedQuery(name = "MouvementTier.findByReference", query = "SELECT m FROM MouvementTier m WHERE m.reference = :reference"), + @NamedQuery(name = "MouvementTier.findByMontant", query = "SELECT m FROM MouvementTier m WHERE m.montant = :montant"), + @NamedQuery(name = "MouvementTier.findByDate", query = "SELECT m FROM MouvementTier m WHERE m.date = :date"), + @NamedQuery(name = "MouvementTier.findByCodeLetterage", query = "SELECT m FROM MouvementTier m WHERE m.codeLetterage = :codeLetterage"), + @NamedQuery(name = "MouvementTier.findByHeure", query = "SELECT m FROM MouvementTier m WHERE m.heure = :heure")}) +public class MouvementTier implements Serializable { + + @Size(max = 50) + @Column(name = "reference") + private String reference; + @Size(max = 50) + @Column(name = "code_letterage") + private String codeLetterage; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + // @Max(value=?) @Min(value=?)//if you know range of your decimal fields consider using these annotations to enforce field validation + @Column(name = "montant") + private Double montant; + @Column(name = "date") + @Temporal(TemporalType.DATE) + private Date date; + @Column(name = "heure") + @Temporal(TemporalType.TIME) + private Date heure; + @JoinColumn(name = "fk_annee_fiscale", referencedColumnName = "annee") + @ManyToOne + private AnneeFiscale fkAnneeFiscale; + @JoinColumn(name = "fk_tier", referencedColumnName = "id") + @ManyToOne + private Tier fkTier; + @JoinColumn(name = "fk_type_mouvement", referencedColumnName = "id") + @ManyToOne + private TypeMouvement fkTypeMouvement; + + public MouvementTier() { + } + + public MouvementTier(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + public Double getMontant() { + return montant; + } + + public void setMontant(Double montant) { + this.montant = montant; + } + + public Date getDate() { + return date; + } + + public void setDate(Date date) { + this.date = date; + } + + public String getCodeLetterage() { + return codeLetterage; + } + + public void setCodeLetterage(String codeLetterage) { + this.codeLetterage = codeLetterage; + } + + public Date getHeure() { + return heure; + } + + public void setHeure(Date heure) { + this.heure = heure; + } + + public AnneeFiscale getFkAnneeFiscale() { + return fkAnneeFiscale; + } + + public void setFkAnneeFiscale(AnneeFiscale fkAnneeFiscale) { + this.fkAnneeFiscale = fkAnneeFiscale; + } + + public Tier getFkTier() { + return fkTier; + } + + public void setFkTier(Tier fkTier) { + this.fkTier = fkTier; + } + + public TypeMouvement getFkTypeMouvement() { + return fkTypeMouvement; + } + + public void setFkTypeMouvement(TypeMouvement fkTypeMouvement) { + this.fkTypeMouvement = fkTypeMouvement; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof MouvementTier)) { + return false; + } + MouvementTier other = (MouvementTier) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.MouvementTier[ id=" + id + " ]"; + } + + public String getReference() { + return reference; + } + + public void setReference(String reference) { + this.reference = reference; + } + + + + +} diff --git a/src/main/java/com/triz/trizservice/modeles/ServiceEtablissementUser.java b/src/main/java/com/triz/trizservice/modeles/ServiceEtablissementUser.java new file mode 100644 index 0000000..addf80d --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/ServiceEtablissementUser.java @@ -0,0 +1,101 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.Table; +import javax.validation.constraints.NotNull; +import javax.xml.bind.annotation.XmlRootElement; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "service_etablissement_user") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "ServiceEtablissementUser.findAll", query = "SELECT s FROM ServiceEtablissementUser s"), + @NamedQuery(name = "ServiceEtablissementUser.findById", query = "SELECT s FROM ServiceEtablissementUser s WHERE s.id = :id")}) +public class ServiceEtablissementUser implements Serializable { + + private static final long serialVersionUID = 1L; + @Id + @Basic(optional = false) + @NotNull + @Column(name = "id") + private Integer id; + @JoinColumn(name = "fk_etablissement", referencedColumnName = "id_etab_stock") + @ManyToOne + private Etablissement fkEtablissement; + @JoinColumn(name = "fk_user", referencedColumnName = "userid") + @ManyToOne + private ServiceUser fkUser; + + public ServiceEtablissementUser() { + } + + public ServiceEtablissementUser(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + public Etablissement getFkEtablissement() { + return fkEtablissement; + } + + public void setFkEtablissement(Etablissement fkEtablissement) { + this.fkEtablissement = fkEtablissement; + } + + public ServiceUser getFkUser() { + return fkUser; + } + + public void setFkUser(ServiceUser fkUser) { + this.fkUser = fkUser; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof ServiceEtablissementUser)) { + return false; + } + ServiceEtablissementUser other = (ServiceEtablissementUser) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.ServiceEtablissementUser[ id=" + id + " ]"; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/ServiceFonctiongroupe.java b/src/main/java/com/triz/trizservice/modeles/ServiceFonctiongroupe.java new file mode 100644 index 0000000..1338ca1 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/ServiceFonctiongroupe.java @@ -0,0 +1,160 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.Table; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "service_fonctiongroupe") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "ServiceFonctiongroupe.findAll", query = "SELECT s FROM ServiceFonctiongroupe s"), + @NamedQuery(name = "ServiceFonctiongroupe.findById", query = "SELECT s FROM ServiceFonctiongroupe s WHERE s.id = :id"), + @NamedQuery(name = "ServiceFonctiongroupe.findByFkGroupe", query = "SELECT s FROM ServiceFonctiongroupe s WHERE s.fkGroupe = :fkGroupe"), + @NamedQuery(name = "ServiceFonctiongroupe.findByCanCreate", query = "SELECT s FROM ServiceFonctiongroupe s WHERE s.canCreate = :canCreate"), + @NamedQuery(name = "ServiceFonctiongroupe.findByCanUpdate", query = "SELECT s FROM ServiceFonctiongroupe s WHERE s.canUpdate = :canUpdate"), + @NamedQuery(name = "ServiceFonctiongroupe.findByCanUpdateDate", query = "SELECT s FROM ServiceFonctiongroupe s WHERE s.canUpdateDate = :canUpdateDate"), + @NamedQuery(name = "ServiceFonctiongroupe.findByCanDelete", query = "SELECT s FROM ServiceFonctiongroupe s WHERE s.canDelete = :canDelete")}) +public class ServiceFonctiongroupe implements Serializable { + + + + @Size(max = 5) + @Column(name = "can_create") + private String canCreate; + @Size(max = 5) + @Column(name = "can_update") + private String canUpdate; + @Size(max = 5) + @Column(name = "can_update_date") + private String canUpdateDate; + @Size(max = 5) + @Column(name = "can_delete") + private String canDelete; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + + @JoinColumn(name = "fk_groupe", referencedColumnName = "id") + @ManyToOne + private ServiceGroupe fkGroupe; + @JoinColumn(name = "fk_fonction", referencedColumnName = "id") + @ManyToOne + private ServiceFonctionnaliter fkFonction; + + public ServiceFonctiongroupe() { + } + + public ServiceFonctiongroupe(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + public ServiceGroupe getFkGroupe() { + return fkGroupe; + } + + public void setFkGroupe(ServiceGroupe fkGroupe) { + this.fkGroupe = fkGroupe; + } + + public String getCanCreate() { + return canCreate; + } + + public void setCanCreate(String canCreate) { + this.canCreate = canCreate; + } + + public String getCanUpdate() { + return canUpdate; + } + + public void setCanUpdate(String canUpdate) { + this.canUpdate = canUpdate; + } + + public String getCanUpdateDate() { + return canUpdateDate; + } + + public void setCanUpdateDate(String canUpdateDate) { + this.canUpdateDate = canUpdateDate; + } + + public String getCanDelete() { + return canDelete; + } + + public void setCanDelete(String canDelete) { + this.canDelete = canDelete; + } + + public ServiceFonctionnaliter getFkFonction() { + return fkFonction; + } + + public void setFkFonction(ServiceFonctionnaliter fkFonction) { + this.fkFonction = fkFonction; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof ServiceFonctiongroupe)) { + return false; + } + ServiceFonctiongroupe other = (ServiceFonctiongroupe) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.ServiceFonctiongroupe[ id=" + id + " ]"; + } + + + + + +} diff --git a/src/main/java/com/triz/trizservice/modeles/ServiceFonctionnaliter.java b/src/main/java/com/triz/trizservice/modeles/ServiceFonctionnaliter.java new file mode 100644 index 0000000..b0ad043 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/ServiceFonctionnaliter.java @@ -0,0 +1,107 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.Id; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.validation.constraints.NotNull; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "service_fonctionnaliter") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "ServiceFonctionnaliter.findAll", query = "SELECT s FROM ServiceFonctionnaliter s"), + @NamedQuery(name = "ServiceFonctionnaliter.findById", query = "SELECT s FROM ServiceFonctionnaliter s WHERE s.id = :id"), + @NamedQuery(name = "ServiceFonctionnaliter.findByNom", query = "SELECT s FROM ServiceFonctionnaliter s WHERE s.nom = :nom")}) +public class ServiceFonctionnaliter implements Serializable { + + @Size(max = 2147483647) + @Column(name = "nom") + private String nom; + + private static final long serialVersionUID = 1L; + @Id + @Basic(optional = false) + @NotNull + @Size(min = 1, max = 50) + @Column(name = "id") + private String id; + @OneToMany(mappedBy = "fkFonction") + private List serviceFonctiongroupeList; + + public ServiceFonctionnaliter() { + } + + public ServiceFonctionnaliter(String id) { + this.id = id; + } + + public String getId() { + return id; + } + + public void setId(String id) { + this.id = id; + } + + + @XmlTransient + public List getServiceFonctiongroupeList() { + return serviceFonctiongroupeList; + } + + public void setServiceFonctiongroupeList(List serviceFonctiongroupeList) { + this.serviceFonctiongroupeList = serviceFonctiongroupeList; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof ServiceFonctionnaliter)) { + return false; + } + ServiceFonctionnaliter other = (ServiceFonctionnaliter) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.ServiceFonctionnaliter[ id=" + id + " ]"; + } + + public String getNom() { + return nom; + } + + public void setNom(String nom) { + this.nom = nom; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/ServiceGroupe.java b/src/main/java/com/triz/trizservice/modeles/ServiceGroupe.java new file mode 100644 index 0000000..16c3e25 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/ServiceGroupe.java @@ -0,0 +1,129 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.validation.constraints.NotNull; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "service_groupe") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "ServiceGroupe.findAll", query = "SELECT s FROM ServiceGroupe s"), + @NamedQuery(name = "ServiceGroupe.findById", query = "SELECT s FROM ServiceGroupe s WHERE s.id = :id"), + @NamedQuery(name = "ServiceGroupe.findByNomGroupe", query = "SELECT s FROM ServiceGroupe s WHERE s.nomGroupe = :nomGroupe"), + @NamedQuery(name = "ServiceGroupe.findByActif", query = "SELECT s FROM ServiceGroupe s WHERE s.actif = :actif")}) +public class ServiceGroupe implements Serializable { + + @Size(max = 2147483647) + @Column(name = "nom_groupe") + private String nomGroupe; + @Size(max = 2147483647) + @Column(name = "actif") + private String actif; + + private static final long serialVersionUID = 1L; + @Id + @Basic(optional = false) + @NotNull + @Size(min = 1, max = 50) + @Column(name = "id") + private String id; + + @JoinColumn(name = "fk_etablissement", referencedColumnName = "id_etab_stock") + @ManyToOne + private Etablissement fkEtablissement; + + + public ServiceGroupe() { + } + + public ServiceGroupe(String id) { + this.id = id; + } + + public String getId() { + return id; + } + + public void setId(String id) { + this.id = id; + } + + public String getNomGroupe() { + return nomGroupe; + } + + public void setNomGroupe(String nomGroupe) { + this.nomGroupe = nomGroupe; + } + + + + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof ServiceGroupe)) { + return false; + } + ServiceGroupe other = (ServiceGroupe) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.ServiceGroupe[ id=" + id + " ]"; + } + + + + + public String getActif() { + return actif; + } + + public void setActif(String actif) { + this.actif = actif; + } + + public Etablissement getFkEtablissement() { + return fkEtablissement; + } + + public void setFkEtablissement(Etablissement fkEtablissement) { + this.fkEtablissement = fkEtablissement; + } + + +} diff --git a/src/main/java/com/triz/trizservice/modeles/ServiceHistoriqueManipulation.java b/src/main/java/com/triz/trizservice/modeles/ServiceHistoriqueManipulation.java new file mode 100644 index 0000000..af4d216 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/ServiceHistoriqueManipulation.java @@ -0,0 +1,177 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.Date; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.Table; +import javax.persistence.Temporal; +import javax.persistence.TemporalType; +import javax.validation.constraints.NotNull; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "service_historique_manipulation") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "ServiceHistoriqueManipulation.findAll", query = "SELECT s FROM ServiceHistoriqueManipulation s"), + @NamedQuery(name = "ServiceHistoriqueManipulation.findById", query = "SELECT s FROM ServiceHistoriqueManipulation s WHERE s.id = :id"), + @NamedQuery(name = "ServiceHistoriqueManipulation.findByNomTable", query = "SELECT s FROM ServiceHistoriqueManipulation s WHERE s.nomTable = :nomTable"), + @NamedQuery(name = "ServiceHistoriqueManipulation.findByIdLigne", query = "SELECT s FROM ServiceHistoriqueManipulation s WHERE s.idLigne = :idLigne"), + @NamedQuery(name = "ServiceHistoriqueManipulation.findByTypeManipumation", query = "SELECT s FROM ServiceHistoriqueManipulation s WHERE s.typeManipumation = :typeManipumation"), + @NamedQuery(name = "ServiceHistoriqueManipulation.findByDateManipulation", query = "SELECT s FROM ServiceHistoriqueManipulation s WHERE s.dateManipulation = :dateManipulation"), + @NamedQuery(name = "ServiceHistoriqueManipulation.findByHeurManipulation", query = "SELECT s FROM ServiceHistoriqueManipulation s WHERE s.heurManipulation = :heurManipulation"), + @NamedQuery(name = "ServiceHistoriqueManipulation.findByOldValeur", query = "SELECT s FROM ServiceHistoriqueManipulation s WHERE s.oldValeur = :oldValeur"), + @NamedQuery(name = "ServiceHistoriqueManipulation.findByNewValeur", query = "SELECT s FROM ServiceHistoriqueManipulation s WHERE s.newValeur = :newValeur")}) +public class ServiceHistoriqueManipulation implements Serializable { + + private static final long serialVersionUID = 1L; + @Id + @Basic(optional = false) + @NotNull + @Column(name = "id") + private Long id; + @Size(max = 2147483647) + @Column(name = "nom_table") + private String nomTable; + @Size(max = 2147483647) + @Column(name = "id_ligne") + private String idLigne; + @Size(max = 2147483647) + @Column(name = "type_manipumation") + private String typeManipumation; + @Column(name = "date_manipulation") + @Temporal(TemporalType.DATE) + private Date dateManipulation; + @Column(name = "heur_manipulation") + @Temporal(TemporalType.TIME) + private Date heurManipulation; + // @Max(value=?) @Min(value=?)//if you know range of your decimal fields consider using these annotations to enforce field validation + @Column(name = "old_valeur") + private Float oldValeur; + @Column(name = "new_valeur") + private Float newValeur; + @JoinColumn(name = "fk_manipulateur", referencedColumnName = "userid") + @ManyToOne + private ServiceUser fkManipulateur; + + public ServiceHistoriqueManipulation() { + } + + public ServiceHistoriqueManipulation(Long id) { + this.id = id; + } + + public Long getId() { + return id; + } + + public void setId(Long id) { + this.id = id; + } + + public String getNomTable() { + return nomTable; + } + + public void setNomTable(String nomTable) { + this.nomTable = nomTable; + } + + public String getIdLigne() { + return idLigne; + } + + public void setIdLigne(String idLigne) { + this.idLigne = idLigne; + } + + public String getTypeManipumation() { + return typeManipumation; + } + + public void setTypeManipumation(String typeManipumation) { + this.typeManipumation = typeManipumation; + } + + public Date getDateManipulation() { + return dateManipulation; + } + + public void setDateManipulation(Date dateManipulation) { + this.dateManipulation = dateManipulation; + } + + public Date getHeurManipulation() { + return heurManipulation; + } + + public void setHeurManipulation(Date heurManipulation) { + this.heurManipulation = heurManipulation; + } + + public Float getOldValeur() { + return oldValeur; + } + + public void setOldValeur(Float oldValeur) { + this.oldValeur = oldValeur; + } + + public Float getNewValeur() { + return newValeur; + } + + public void setNewValeur(Float newValeur) { + this.newValeur = newValeur; + } + + public ServiceUser getFkManipulateur() { + return fkManipulateur; + } + + public void setFkManipulateur(ServiceUser fkManipulateur) { + this.fkManipulateur = fkManipulateur; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof ServiceHistoriqueManipulation)) { + return false; + } + ServiceHistoriqueManipulation other = (ServiceHistoriqueManipulation) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.ServiceHistoriqueManipulation[ id=" + id + " ]"; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/ServiceIncrementation.java b/src/main/java/com/triz/trizservice/modeles/ServiceIncrementation.java new file mode 100644 index 0000000..cdac623 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/ServiceIncrementation.java @@ -0,0 +1,152 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.Date; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.Table; +import javax.persistence.Temporal; +import javax.persistence.TemporalType; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "service_incrementation") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "ServiceIncrementation.findAll", query = "SELECT s FROM ServiceIncrementation s"), + @NamedQuery(name = "ServiceIncrementation.findById", query = "SELECT s FROM ServiceIncrementation s WHERE s.id = :id"), + @NamedQuery(name = "ServiceIncrementation.findByCode", query = "SELECT s FROM ServiceIncrementation s WHERE s.code = :code"), + @NamedQuery(name = "ServiceIncrementation.findByDateMois", query = "SELECT s FROM ServiceIncrementation s WHERE s.dateMois = :dateMois"), + @NamedQuery(name = "ServiceIncrementation.findByIncrTelephone", query = "SELECT s FROM ServiceIncrementation s WHERE s.incrTelephone = :incrTelephone"), + @NamedQuery(name = "ServiceIncrementation.findByIncrClient", query = "SELECT s FROM ServiceIncrementation s WHERE s.incrClient = :incrClient"), + @NamedQuery(name = "ServiceIncrementation.findByIncrStage", query = "SELECT s FROM ServiceIncrementation s WHERE s.incrStage = :incrStage"), + @NamedQuery(name = "ServiceIncrementation.findByIncrGroups", query = "SELECT s FROM ServiceIncrementation s WHERE s.incrGroups = :incrGroups")}) +public class ServiceIncrementation implements Serializable { + + @Size(max = 50) + @Column(name = "code") + private String code; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + @Column(name = "date_mois") + @Temporal(TemporalType.DATE) + private Date dateMois; + @Column(name = "incr_telephone") + private Integer incrTelephone; + @Column(name = "incr_client") + private Integer incrClient; + @Column(name = "incr_stage") + private Integer incrStage; + @Column(name = "incr_groups") + private Integer incrGroups; + + public ServiceIncrementation() { + } + + public ServiceIncrementation(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + public Date getDateMois() { + return dateMois; + } + + public void setDateMois(Date dateMois) { + this.dateMois = dateMois; + } + + public Integer getIncrTelephone() { + return incrTelephone; + } + + public void setIncrTelephone(Integer incrTelephone) { + this.incrTelephone = incrTelephone; + } + + public Integer getIncrClient() { + return incrClient; + } + + public void setIncrClient(Integer incrClient) { + this.incrClient = incrClient; + } + + public Integer getIncrStage() { + return incrStage; + } + + public void setIncrStage(Integer incrStage) { + this.incrStage = incrStage; + } + + public Integer getIncrGroups() { + return incrGroups; + } + + public void setIncrGroups(Integer incrGroups) { + this.incrGroups = incrGroups; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof ServiceIncrementation)) { + return false; + } + ServiceIncrementation other = (ServiceIncrementation) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.ServiceIncrementation[ id=" + id + " ]"; + } + + public String getCode() { + return code; + } + + public void setCode(String code) { + this.code = code; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/ServiceMember.java b/src/main/java/com/triz/trizservice/modeles/ServiceMember.java new file mode 100644 index 0000000..3ad70de --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/ServiceMember.java @@ -0,0 +1,111 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.Table; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "service_member") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "ServiceMember.findAll", query = "SELECT s FROM ServiceMember s"), + @NamedQuery(name = "ServiceMember.findById", query = "SELECT s FROM ServiceMember s WHERE s.id = :id"), + @NamedQuery(name = "ServiceMember.findByFkGroupe", query = "SELECT s FROM ServiceMember s WHERE s.fkGroupe = :fkGroupe")}) +public class ServiceMember implements Serializable { + + + + + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + @Size(max = 50) + @JoinColumn(name = "fk_groupe", referencedColumnName = "id") + @ManyToOne + private ServiceGroupe fkGroupe; + @JoinColumn(name = "fk_user", referencedColumnName = "userid") + @ManyToOne + private ServiceUser fkUser; + + public ServiceMember() { + } + + public ServiceMember(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + public ServiceGroupe getFkGroupe() { + return fkGroupe; + } + + public void setFkGroupe(ServiceGroupe fkGroupe) { + this.fkGroupe = fkGroupe; + } + + public ServiceUser getFkUser() { + return fkUser; + } + + public void setFkUser(ServiceUser fkUser) { + this.fkUser = fkUser; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof ServiceMember)) { + return false; + } + ServiceMember other = (ServiceMember) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.ServiceMember[ id=" + id + " ]"; + } + + + +} diff --git a/src/main/java/com/triz/trizservice/modeles/ServiceUser.java b/src/main/java/com/triz/trizservice/modeles/ServiceUser.java new file mode 100644 index 0000000..e9c98cd --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/ServiceUser.java @@ -0,0 +1,236 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + + +import java.io.Serializable; +import java.util.Collection; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.Id; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.validation.constraints.NotNull; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author Asma + */ +@Entity +@Table(name = "service_user") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "ServiceUser.findAll", query = "SELECT s FROM ServiceUser s"), + @NamedQuery(name = "ServiceUser.findByUserid", query = "SELECT s FROM ServiceUser s WHERE s.userid = :userid"), + @NamedQuery(name = "ServiceUser.findByUserpw", query = "SELECT s FROM ServiceUser s WHERE s.userpw = :userpw"), + @NamedQuery(name = "ServiceUser.findByNom", query = "SELECT s FROM ServiceUser s WHERE s.nom = :nom"), + @NamedQuery(name = "ServiceUser.findByPrenom", query = "SELECT s FROM ServiceUser s WHERE s.prenom = :prenom"), + @NamedQuery(name = "ServiceUser.findByTelephone", query = "SELECT s FROM ServiceUser s WHERE s.telephone = :telephone"), + @NamedQuery(name = "ServiceUser.findByMail", query = "SELECT s FROM ServiceUser s WHERE s.mail = :mail"), + @NamedQuery(name = "ServiceUser.findByActif", query = "SELECT s FROM ServiceUser s WHERE s.actif = :actif")}) +public class ServiceUser implements Serializable { + + @Size(max = 2147483647) + @Column(name = "userpw") + private String userpw; + @Size(max = 2147483647) + @Column(name = "nom") + private String nom; + + @Size(max = 2147483647) + @Column(name = "prenom") + private String prenom; + @Size(max = 50) + @Column(name = "telephone") + private String telephone; + @Size(max = 2147483647) + @Column(name = "mail") + private String mail; + @Size(max = 2147483647) + @Column(name = "actif") + private String actif; + @Size(max = 5) + @Column(name = "forcermap") + private String forcermap; + @OneToMany(mappedBy = "fkManipulateur") + private List serviceHistoriqueManipulationList; + + @OneToMany(mappedBy = "fkUser") + private List serviceMemberList; + @OneToMany(mappedBy = "fkUser") + private List mouvementList; + @OneToMany(mappedBy = "fkUser") + private List serviceUserTresorieList; + @OneToMany(mappedBy = "fkUser") + private List serviceEtablissementUserList; + private static final long serialVersionUID = 1L; + @Id + @Basic(optional = false) + @NotNull + @Size(min = 1, max = 2147483647) + @Column(name = "userid") + private String userid; + @OneToMany(mappedBy = "fkUser") + private List servicehistoriqueConnectionList; + + + public ServiceUser() { + } + + public ServiceUser(String userid) { + this.userid = userid; + } + + public String getUserid() { + return userid; + } + + public void setUserid(String userid) { + this.userid = userid; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (userid != null ? userid.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof ServiceUser)) { + return false; + } + ServiceUser other = (ServiceUser) object; + if ((this.userid == null && other.userid != null) || (this.userid != null && !this.userid.equals(other.userid))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.ServiceUser[ userid=" + userid + " ]"; + } + @XmlTransient + public List getServiceMemberList() { + return serviceMemberList; + } + public void setServiceMemberList(List serviceMemberList) { + this.serviceMemberList = serviceMemberList; + } + + + + @XmlTransient + public List getServicehistoriqueConnectionList() { + return servicehistoriqueConnectionList; + } + + public void setServicehistoriqueConnectionList(List servicehistoriqueConnectionList) { + this.servicehistoriqueConnectionList = servicehistoriqueConnectionList; + } + @XmlTransient + public List getMouvementList() { + return mouvementList; + } + public void setMouvementList(List mouvementList) { + this.mouvementList = mouvementList; + } + @XmlTransient + public List getServiceUserTresorieList() { + return serviceUserTresorieList; + } + public void setServiceUserTresorieList(List serviceUserTresorieList) { + this.serviceUserTresorieList = serviceUserTresorieList; + } + @XmlTransient + public List getServiceEtablissementUserList() { + return serviceEtablissementUserList; + } + public void setServiceEtablissementUserList(List serviceEtablissementUserList) { + this.serviceEtablissementUserList = serviceEtablissementUserList; + } + + + + + @XmlTransient + public List getServiceHistoriqueManipulationList() { + return serviceHistoriqueManipulationList; + } + + public void setServiceHistoriqueManipulationList(List serviceHistoriqueManipulationList) { + this.serviceHistoriqueManipulationList = serviceHistoriqueManipulationList; + } + + public String getUserpw() { + return userpw; + } + + public void setUserpw(String userpw) { + this.userpw = userpw; + } + + public String getNom() { + return nom; + } + + public void setNom(String nom) { + this.nom = nom; + } + + public String getPrenom() { + return prenom; + } + + public void setPrenom(String prenom) { + this.prenom = prenom; + } + + public String getTelephone() { + return telephone; + } + + public void setTelephone(String telephone) { + this.telephone = telephone; + } + + public String getMail() { + return mail; + } + + public void setMail(String mail) { + this.mail = mail; + } + + public String getActif() { + return actif; + } + + public void setActif(String actif) { + this.actif = actif; + } + + public String getForcermap() { + return forcermap; + } + + public void setForcermap(String forcermap) { + this.forcermap = forcermap; + } + + + + +} diff --git a/src/main/java/com/triz/trizservice/modeles/ServiceUserTresorie.java b/src/main/java/com/triz/trizservice/modeles/ServiceUserTresorie.java new file mode 100644 index 0000000..cf54456 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/ServiceUserTresorie.java @@ -0,0 +1,101 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.Table; +import javax.validation.constraints.NotNull; +import javax.xml.bind.annotation.XmlRootElement; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "service_user_tresorie") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "ServiceUserTresorie.findAll", query = "SELECT s FROM ServiceUserTresorie s"), + @NamedQuery(name = "ServiceUserTresorie.findById", query = "SELECT s FROM ServiceUserTresorie s WHERE s.id = :id")}) +public class ServiceUserTresorie implements Serializable { + + private static final long serialVersionUID = 1L; + @Id + @Basic(optional = false) + @NotNull + @Column(name = "id") + private Integer id; + @JoinColumn(name = "fk_user", referencedColumnName = "userid") + @ManyToOne + private ServiceUser fkUser; + @JoinColumn(name = "fk_tresorie", referencedColumnName = "id") + @ManyToOne + private Tresorie fkTresorie; + + public ServiceUserTresorie() { + } + + public ServiceUserTresorie(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + public ServiceUser getFkUser() { + return fkUser; + } + + public void setFkUser(ServiceUser fkUser) { + this.fkUser = fkUser; + } + + public Tresorie getFkTresorie() { + return fkTresorie; + } + + public void setFkTresorie(Tresorie fkTresorie) { + this.fkTresorie = fkTresorie; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof ServiceUserTresorie)) { + return false; + } + ServiceUserTresorie other = (ServiceUserTresorie) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.ServiceUserTresorie[ id=" + id + " ]"; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/ServiceWilaya.java b/src/main/java/com/triz/trizservice/modeles/ServiceWilaya.java new file mode 100644 index 0000000..e0ca2af --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/ServiceWilaya.java @@ -0,0 +1,94 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.Id; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.Table; +import javax.validation.constraints.NotNull; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "service_wilaya") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "ServiceWilaya.findAll", query = "SELECT s FROM ServiceWilaya s"), + @NamedQuery(name = "ServiceWilaya.findByNomWilaya", query = "SELECT s FROM ServiceWilaya s WHERE s.nomWilaya = :nomWilaya"), + @NamedQuery(name = "ServiceWilaya.findById", query = "SELECT s FROM ServiceWilaya s WHERE s.id = :id")}) +public class ServiceWilaya implements Serializable { + + @Size(max = 2147483647) + @Column(name = "nom_wilaya") + private String nomWilaya; + + private static final long serialVersionUID = 1L; + @Id + @Basic(optional = false) + @NotNull + @Size(min = 1, max = 2) + @Column(name = "id") + private String id; + + public ServiceWilaya() { + } + + public ServiceWilaya(String id) { + this.id = id; + } + + public String getNomWilaya() { + return nomWilaya; + } + + public void setNomWilaya(String nomWilaya) { + this.nomWilaya = nomWilaya; + } + + public String getId() { + return id; + } + + public void setId(String id) { + this.id = id; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof ServiceWilaya)) { + return false; + } + ServiceWilaya other = (ServiceWilaya) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.ServiceWilaya[ id=" + id + " ]"; + } + + + +} diff --git a/src/main/java/com/triz/trizservice/modeles/ServicehistoriqueConnection.java b/src/main/java/com/triz/trizservice/modeles/ServicehistoriqueConnection.java new file mode 100644 index 0000000..84e81bf --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/ServicehistoriqueConnection.java @@ -0,0 +1,149 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.Date; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.FetchType; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.Table; +import javax.persistence.Temporal; +import javax.persistence.TemporalType; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; + +/** + * + * @author PC + */ +@Entity +@Table(name = "service_historique_connection") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "ServicehistoriqueConnection.findAll", query = "SELECT s FROM ServicehistoriqueConnection s"), + @NamedQuery(name = "ServicehistoriqueConnection.findById", query = "SELECT s FROM ServicehistoriqueConnection s WHERE s.id = :id"), + @NamedQuery(name = "ServicehistoriqueConnection.findByDate", query = "SELECT s FROM ServicehistoriqueConnection s WHERE s.date = :date"), + @NamedQuery(name = "ServicehistoriqueConnection.findByHeur", query = "SELECT s FROM ServicehistoriqueConnection s WHERE s.heur = :heur"), + @NamedQuery(name = "ServicehistoriqueConnection.findByAdresseIP", query = "SELECT s FROM ServicehistoriqueConnection s WHERE s.adresseIp = :adresseIp")}) +public class ServicehistoriqueConnection implements Serializable { + + @Size(max = 2147483647) + @Column(name = "adresse_ip") + private String adresseIp; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Long id; + @Column(name = "date") + @Temporal(TemporalType.DATE) + private Date date; + @Column(name = "heur") + @Temporal(TemporalType.TIME) + private Date heur; + @JoinColumn(name = "fk_user", referencedColumnName = "userid") + @ManyToOne + private ServiceUser fkUser; + @JoinColumn(name = "fk_etablissemnt", referencedColumnName = "id_etab_stock") + @ManyToOne + private Etablissement fkEtablissement; + + public ServicehistoriqueConnection() { + } + + public ServicehistoriqueConnection(Long id) { + this.id = id; + } + + public Long getId() { + return id; + } + + public void setId(Long id) { + this.id = id; + } + + public Date getDate() { + return date; + } + + public void setDate(Date date) { + this.date = date; + } + + public Date getHeur() { + return heur; + } + + public void setHeur(Date heur) { + this.heur = heur; + } + + public ServiceUser getFkUser() { + return fkUser; + } + + public void setFkUser(ServiceUser fkUser) { + this.fkUser = fkUser; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof ServicehistoriqueConnection)) { + return false; + } + ServicehistoriqueConnection other = (ServicehistoriqueConnection) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.ServicehistoriqueConnection[ id=" + id + " ]"; + } + + public String getAdresseIp() { + return adresseIp; + } + + public void setAdresseIp(String adresseIp) { + this.adresseIp = adresseIp; + } + + public Etablissement getFkEtablissement() { + return fkEtablissement; + } + + public void setFkEtablissement(Etablissement fkEtablissement) { + this.fkEtablissement = fkEtablissement; + } + + + + + + +} diff --git a/src/main/java/com/triz/trizservice/modeles/Sort.java b/src/main/java/com/triz/trizservice/modeles/Sort.java new file mode 100644 index 0000000..60915b3 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/Sort.java @@ -0,0 +1,107 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "sort") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "Sort.findAll", query = "SELECT s FROM Sort s"), + @NamedQuery(name = "Sort.findById", query = "SELECT s FROM Sort s WHERE s.id = :id"), + @NamedQuery(name = "Sort.findBySort", query = "SELECT s FROM Sort s WHERE s.sort = :sort")}) +public class Sort implements Serializable { + + @Size(max = 255) + @Column(name = "sort") + private String sort; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + @OneToMany(mappedBy = "fkSort") + private List mouvementList; + + public Sort() { + } + + public Sort(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + @XmlTransient + public List getMouvementList() { + return mouvementList; + } + + public void setMouvementList(List mouvementList) { + this.mouvementList = mouvementList; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof Sort)) { + return false; + } + Sort other = (Sort) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.Sort[ id=" + id + " ]"; + } + + public String getSort() { + return sort; + } + + public void setSort(String sort) { + this.sort = sort; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/StockTypeDestinataire.java b/src/main/java/com/triz/trizservice/modeles/StockTypeDestinataire.java new file mode 100644 index 0000000..db1311b --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/StockTypeDestinataire.java @@ -0,0 +1,125 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "stock_type_destinataire") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "StockTypeDestinataire.findAll", query = "SELECT s FROM StockTypeDestinataire s"), + @NamedQuery(name = "StockTypeDestinataire.findById", query = "SELECT s FROM StockTypeDestinataire s WHERE s.id = :id"), + @NamedQuery(name = "StockTypeDestinataire.findByDesignation", query = "SELECT s FROM StockTypeDestinataire s WHERE s.designation = :designation"), + @NamedQuery(name = "StockTypeDestinataire.findByStockTypeDestinataire", query = "SELECT s FROM StockTypeDestinataire s WHERE s.stockTypeDestinataire = :stockTypeDestinataire")}) +public class StockTypeDestinataire implements Serializable { + + @Size(max = 50) + @Column(name = "designation") + private String designation; + @Size(max = 50) + @Column(name = "stock_type_destinataire") + private String stockTypeDestinataire; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + @OneToMany(mappedBy = "fkTypeDestinataire") + private List mouvementList; + + public StockTypeDestinataire() { + } + + public StockTypeDestinataire(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + public String getStockTypeDestinataire() { + return stockTypeDestinataire; + } + + public void setStockTypeDestinataire(String stockTypeDestinataire) { + this.stockTypeDestinataire = stockTypeDestinataire; + } + + @XmlTransient + public List getMouvementList() { + return mouvementList; + } + + public void setMouvementList(List mouvementList) { + this.mouvementList = mouvementList; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof StockTypeDestinataire)) { + return false; + } + StockTypeDestinataire other = (StockTypeDestinataire) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.StockTypeDestinataire[ id=" + id + " ]"; + } + + public String getDesignation() { + return designation; + } + + public void setDesignation(String designation) { + this.designation = designation; + } + + + + + + + +} diff --git a/src/main/java/com/triz/trizservice/modeles/Tier.java b/src/main/java/com/triz/trizservice/modeles/Tier.java new file mode 100644 index 0000000..3eab556 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/Tier.java @@ -0,0 +1,356 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.Date; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.persistence.Temporal; +import javax.persistence.TemporalType; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "tier") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "Tier.findAll", query = "SELECT t FROM Tier t"), + @NamedQuery(name = "Tier.findById", query = "SELECT t FROM Tier t WHERE t.id = :id"), + @NamedQuery(name = "Tier.findByCode", query = "SELECT t FROM Tier t WHERE t.code = :code"), + @NamedQuery(name = "Tier.findByDesignation", query = "SELECT t FROM Tier t WHERE t.designation = :designation"), + @NamedQuery(name = "Tier.findByAddresse", query = "SELECT t FROM Tier t WHERE t.addresse = :addresse"), + @NamedQuery(name = "Tier.findByNumRC", query = "SELECT t FROM Tier t WHERE t.numRC = :numRC"), + @NamedQuery(name = "Tier.findByNif", query = "SELECT t FROM Tier t WHERE t.nif = :nif"), + @NamedQuery(name = "Tier.findByArticleImpo", query = "SELECT t FROM Tier t WHERE t.articleImpo = :articleImpo"), + @NamedQuery(name = "Tier.findByMinLiq", query = "SELECT t FROM Tier t WHERE t.minLiq = :minLiq"), + @NamedQuery(name = "Tier.findByMaxLiq", query = "SELECT t FROM Tier t WHERE t.maxLiq = :maxLiq"), + @NamedQuery(name = "Tier.findBySoldInitial", query = "SELECT t FROM Tier t WHERE t.soldInitial = :soldInitial"), + @NamedQuery(name = "Tier.findByDateSoldeInit", query = "SELECT t FROM Tier t WHERE t.dateSoldeInit = :dateSoldeInit"), + @NamedQuery(name = "Tier.findByDureeMax", query = "SELECT t FROM Tier t WHERE t.dureeMax = :dureeMax"), + @NamedQuery(name = "Tier.findByNumCompteTier", query = "SELECT t FROM Tier t WHERE t.numCompteTier = :numCompteTier"), + @NamedQuery(name = "Tier.findByBp", query = "SELECT t FROM Tier t WHERE t.bp = :bp"), + @NamedQuery(name = "Tier.findByNis", query = "SELECT t FROM Tier t WHERE t.nis = :nis"), + @NamedQuery(name = "Tier.findByIdStockFournisseur", query = "SELECT t FROM Tier t WHERE t.idStockFournisseur = :idStockFournisseur"), + @NamedQuery(name = "Tier.findByIdStockClient", query = "SELECT t FROM Tier t WHERE t.idStockClient = :idStockClient"), + @NamedQuery(name = "Tier.findByIsDeleted", query = "SELECT t FROM Tier t WHERE t.isDeleted = :isDeleted")}) +public class Tier implements Serializable { + + @Size(max = 10) + @Column(name = "code") + private String code; + @Size(max = 50) + @Column(name = "designation") + private String designation; + @Size(max = 1000) + @Column(name = "addresse") + private String addresse; + @Size(max = 50) + @Column(name = "num_rc") + private String numRc; + @Size(max = 50) + @Column(name = "nif") + private String nif; + @Size(max = 50) + @Column(name = "article_impo") + private String articleImpo; + @Size(max = 50) + @Column(name = "num_compte_tier") + private String numCompteTier; + @Size(max = 50) + @Column(name = "bp") + private String bp; + @Size(max = 50) + @Column(name = "nis") + private String nis; + @Size(max = 50) + @Column(name = "id_stock_fournisseur") + private String idStockFournisseur; + @Size(max = 50) + @Column(name = "id_stock_client") + private String idStockClient; + @Size(max = 5) + @Column(name = "is_deleted") + private String isDeleted; + // @Max(value=?) @Min(value=?)//if you know range of your decimal fields consider using these annotations to enforce field validation + @Column(name = "min_liq") + private Double minLiq; + @Column(name = "max_liq") + private Double maxLiq; + @Column(name = "sold_initial") + private Double soldInitial; + @Column(name = "date_solde_init") + @Temporal(TemporalType.DATE) + private Date dateSoldeInit; + @Column(name = "duree_max") + private Integer dureeMax; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + @Size(max = 50) + @Column(name = "numRC") + private String numRC; + + @JoinColumn(name = "fk_compte_comptable", referencedColumnName = "id") + @ManyToOne + private CompteComptable fkCompteComptable; + @JoinColumn(name = "fk_etablissement", referencedColumnName = "id_etab_stock") + @ManyToOne + private Etablissement fkEtablissement; + @OneToMany(mappedBy = "fkTier") + private List mouvementTierList; + @OneToMany(mappedBy = "fkTier") + private List mouvementList; + + public Tier() { + } + + public Tier(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + public String getNumRC() { + return numRC; + } + + public void setNumRC(String numRC) { + this.numRC = numRC; + } + + + public String getArticleImpo() { + return articleImpo; + } + + public void setArticleImpo(String articleImpo) { + this.articleImpo = articleImpo; + } + + public Double getMinLiq() { + return minLiq; + } + + public void setMinLiq(Double minLiq) { + this.minLiq = minLiq; + } + + public Double getMaxLiq() { + return maxLiq; + } + + public void setMaxLiq(Double maxLiq) { + this.maxLiq = maxLiq; + } + + public Double getSoldInitial() { + return soldInitial; + } + + public void setSoldInitial(Double soldInitial) { + this.soldInitial = soldInitial; + } + + public Date getDateSoldeInit() { + return dateSoldeInit; + } + + public void setDateSoldeInit(Date dateSoldeInit) { + this.dateSoldeInit = dateSoldeInit; + } + + public Integer getDureeMax() { + return dureeMax; + } + + public void setDureeMax(Integer dureeMax) { + this.dureeMax = dureeMax; + } + + public String getNumCompteTier() { + return numCompteTier; + } + + public void setNumCompteTier(String numCompteTier) { + this.numCompteTier = numCompteTier; + } + + + public String getIdStockFournisseur() { + return idStockFournisseur; + } + + public void setIdStockFournisseur(String idStockFournisseur) { + this.idStockFournisseur = idStockFournisseur; + } + + public String getIdStockClient() { + return idStockClient; + } + + public void setIdStockClient(String idStockClient) { + this.idStockClient = idStockClient; + } + + public String getIsDeleted() { + return isDeleted; + } + + public void setIsDeleted(String isDeleted) { + this.isDeleted = isDeleted; + } + + public CompteComptable getFkCompteComptable() { + return fkCompteComptable; + } + + public void setFkCompteComptable(CompteComptable fkCompteComptable) { + this.fkCompteComptable = fkCompteComptable; + } + + public Etablissement getFkEtablissement() { + return fkEtablissement; + } + + public void setFkEtablissement(Etablissement fkEtablissement) { + this.fkEtablissement = fkEtablissement; + } + + @XmlTransient + public List getMouvementTierList() { + return mouvementTierList; + } + + public void setMouvementTierList(List mouvementTierList) { + this.mouvementTierList = mouvementTierList; + } + + @XmlTransient + public List getMouvementList() { + return mouvementList; + } + + public void setMouvementList(List mouvementList) { + this.mouvementList = mouvementList; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof Tier)) { + return false; + } + Tier other = (Tier) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.Tier[ id=" + id + " ]"; + } + + + public String getNumRc() { + return numRc; + } + + public void setNumRc(String numRc) { + this.numRc = numRc; + } + + public String getCode() { + return code; + } + + public void setCode(String code) { + this.code = code; + } + + public String getDesignation() { + return designation; + } + + public void setDesignation(String designation) { + this.designation = designation; + } + + public String getAddresse() { + return addresse; + } + + public void setAddresse(String addresse) { + this.addresse = addresse; + } + + + public String getNif() { + return nif; + } + + public void setNif(String nif) { + this.nif = nif; + } + + + + public String getBp() { + return bp; + } + + public void setBp(String bp) { + this.bp = bp; + } + + public String getNis() { + return nis; + } + + public void setNis(String nis) { + this.nis = nis; + } + + + + + +} diff --git a/src/main/java/com/triz/trizservice/modeles/Tresorie.java b/src/main/java/com/triz/trizservice/modeles/Tresorie.java new file mode 100644 index 0000000..8500234 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/Tresorie.java @@ -0,0 +1,334 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.Date; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.JoinColumn; +import javax.persistence.ManyToOne; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.persistence.Temporal; +import javax.persistence.TemporalType; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "tresorie", catalog = "triz_tresorie", schema = "public") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "Tresorie.findAll", query = "SELECT t FROM Tresorie t"), + @NamedQuery(name = "Tresorie.findById", query = "SELECT t FROM Tresorie t WHERE t.id = :id"), + @NamedQuery(name = "Tresorie.findByNumero", query = "SELECT t FROM Tresorie t WHERE t.numero = :numero"), + @NamedQuery(name = "Tresorie.findByCode", query = "SELECT t FROM Tresorie t WHERE t.code = :code"), + @NamedQuery(name = "Tresorie.findByCle", query = "SELECT t FROM Tresorie t WHERE t.cle = :cle"), + @NamedQuery(name = "Tresorie.findByDesignation", query = "SELECT t FROM Tresorie t WHERE t.designation = :designation"), + @NamedQuery(name = "Tresorie.findByMinLiq", query = "SELECT t FROM Tresorie t WHERE t.minLiq = :minLiq"), + @NamedQuery(name = "Tresorie.findByMaxLiq", query = "SELECT t FROM Tresorie t WHERE t.maxLiq = :maxLiq"), + @NamedQuery(name = "Tresorie.findBySoldInitial", query = "SELECT t FROM Tresorie t WHERE t.soldInitial = :soldInitial"), + @NamedQuery(name = "Tresorie.findByDateSoldeInitial", query = "SELECT t FROM Tresorie t WHERE t.dateSoldeInitial = :dateSoldeInitial"), + @NamedQuery(name = "Tresorie.findByNbrCheque", query = "SELECT t FROM Tresorie t WHERE t.nbrCheque = :nbrCheque"), + @NamedQuery(name = "Tresorie.findByNumCompteComptable", query = "SELECT t FROM Tresorie t WHERE t.numCompteComptable = :numCompteComptable"), + @NamedQuery(name = "Tresorie.findByIsDeleted", query = "SELECT t FROM Tresorie t WHERE t.isDeleted = :isDeleted"), + @NamedQuery(name = "Tresorie.findByStockId", query = "SELECT t FROM Tresorie t WHERE t.stockId = :stockId")}) +public class Tresorie implements Serializable { + + @Size(max = 10) + @Column(name = "numero") + private String numero; + @Size(max = 10) + @Column(name = "code") + private String code; + @Size(max = 2) + @Column(name = "cle") + private String cle; + @Size(max = 50) + @Column(name = "designation") + private String designation; + @Size(max = 5) + @Column(name = "is_deleted") + private String isDeleted; + @Size(max = 50) + @Column(name = "stock_id") + private String stockId; + // @Max(value=?) @Min(value=?)//if you know range of your decimal fields consider using these annotations to enforce field validation + @Column(name = "min_liq") + private Double minLiq; + @Column(name = "max_liq") + private Double maxLiq; + @Column(name = "solde_initial") + private Double soldeInitial; + + @OneToMany(mappedBy = "fkTresorie") + private List serviceUserTresorieList; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + // @Max(value=?) @Min(value=?)//if you know range of your decimal fields consider using these annotations to enforce field validation + + @Column(name = "sold_Initial") + private Double soldInitial; + @Column(name = "date_solde_initial") + @Temporal(TemporalType.DATE) + private Date dateSoldeInitial; + @Column(name = "nbr_cheque") + private Integer nbrCheque; + @Column(name = "num_compte_comptable") + private Integer numCompteComptable; + @OneToMany(mappedBy = "fkTresorie") + private List controleTresorieList; + @OneToMany(mappedBy = "fkTresorie") + private List chequierList; + @JoinColumn(name = "fk_etablissement", referencedColumnName = "id_etab_stock") + @ManyToOne + private Etablissement fkEtablissement; + @JoinColumn(name = "fk_agence", referencedColumnName = "id") + @ManyToOne + private Agence fkAgence; + @JoinColumn(name = "fk_compte_comptable", referencedColumnName = "id") + @ManyToOne + private CompteComptable fkCompteComptable; + @JoinColumn(name = "fk_type_tresorie", referencedColumnName = "id") + @ManyToOne + private TypeTresorie fkTypeTresorie; + @OneToMany(mappedBy = "fkTresorieSource") + private List mouvementList; + @OneToMany(mappedBy = "fkTresorieDestinataire") + private List mouvementList1; + + public Tresorie() { + } + + public Tresorie(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + public Double getMinLiq() { + return minLiq; + } + + public void setMinLiq(Double minLiq) { + this.minLiq = minLiq; + } + + public Double getMaxLiq() { + return maxLiq; + } + + public void setMaxLiq(Double maxLiq) { + this.maxLiq = maxLiq; + } + + public Double getSoldInitial() { + return soldInitial; + } + + public void setSoldInitial(Double soldInitial) { + this.soldInitial = soldInitial; + } + + public Date getDateSoldeInitial() { + return dateSoldeInitial; + } + + public void setDateSoldeInitial(Date dateSoldeInitial) { + this.dateSoldeInitial = dateSoldeInitial; + } + + public Integer getNbrCheque() { + return nbrCheque; + } + + public void setNbrCheque(Integer nbrCheque) { + this.nbrCheque = nbrCheque; + } + + public Integer getNumCompteComptable() { + return numCompteComptable; + } + + public void setNumCompteComptable(Integer numCompteComptable) { + this.numCompteComptable = numCompteComptable; + } + + + public String getStockId() { + return stockId; + } + + public void setStockId(String stockId) { + this.stockId = stockId; + } + + @XmlTransient + public List getControleTresorieList() { + return controleTresorieList; + } + + public void setControleTresorieList(List controleTresorieList) { + this.controleTresorieList = controleTresorieList; + } + + @XmlTransient + public List getChequierList() { + return chequierList; + } + + public void setChequierList(List chequierList) { + this.chequierList = chequierList; + } + + public Etablissement getFkEtablissement() { + return fkEtablissement; + } + + public void setFkEtablissement(Etablissement fkEtablissement) { + this.fkEtablissement = fkEtablissement; + } + + public Agence getFkAgence() { + return fkAgence; + } + + public void setFkAgence(Agence fkAgence) { + this.fkAgence = fkAgence; + } + + public CompteComptable getFkCompteComptable() { + return fkCompteComptable; + } + + public void setFkCompteComptable(CompteComptable fkCompteComptable) { + this.fkCompteComptable = fkCompteComptable; + } + + public TypeTresorie getFkTypeTresorie() { + return fkTypeTresorie; + } + + public void setFkTypeTresorie(TypeTresorie fkTypeTresorie) { + this.fkTypeTresorie = fkTypeTresorie; + } + + @XmlTransient + public List getMouvementList() { + return mouvementList; + } + + public void setMouvementList(List mouvementList) { + this.mouvementList = mouvementList; + } + + @XmlTransient + public List getMouvementList1() { + return mouvementList1; + } + + public void setMouvementList1(List mouvementList1) { + this.mouvementList1 = mouvementList1; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof Tresorie)) { + return false; + } + Tresorie other = (Tresorie) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.Tresorie[ id=" + id + " ]"; + } + @XmlTransient + public List getServiceUserTresorieList() { + return serviceUserTresorieList; + } + public void setServiceUserTresorieList(List serviceUserTresorieList) { + this.serviceUserTresorieList = serviceUserTresorieList; + } + public String getIsDeleted() { + return isDeleted; + } + public void setIsDeleted(String isDeleted) { + this.isDeleted = isDeleted; + } + + public String getNumero() { + return numero; + } + + public void setNumero(String numero) { + this.numero = numero; + } + + public String getCode() { + return code; + } + + public void setCode(String code) { + this.code = code; + } + + public String getCle() { + return cle; + } + + public void setCle(String cle) { + this.cle = cle; + } + + public String getDesignation() { + return designation; + } + + public void setDesignation(String designation) { + this.designation = designation; + } + + + + + +} diff --git a/src/main/java/com/triz/trizservice/modeles/TypeMouvement.java b/src/main/java/com/triz/trizservice/modeles/TypeMouvement.java new file mode 100644 index 0000000..483aab2 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/TypeMouvement.java @@ -0,0 +1,129 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "type_mouvement") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "TypeMouvement.findAll", query = "SELECT t FROM TypeMouvement t"), + @NamedQuery(name = "TypeMouvement.findById", query = "SELECT t FROM TypeMouvement t WHERE t.id = :id"), + @NamedQuery(name = "TypeMouvement.findByType", query = "SELECT t FROM TypeMouvement t WHERE t.type = :type")}) +public class TypeMouvement implements Serializable { + + @Size(max = 255) + @Column(name = "type") + private String type; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + @OneToMany(mappedBy = "fkTypeMouvement") + private List alerteList; + @OneToMany(mappedBy = "fkTypeMouvement") + private List mouvementTierList; + @OneToMany(mappedBy = "fkTypeMouvement") + private List mouvementList; + + public TypeMouvement() { + } + + public TypeMouvement(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + @XmlTransient + public List getAlerteList() { + return alerteList; + } + + public void setAlerteList(List alerteList) { + this.alerteList = alerteList; + } + + @XmlTransient + public List getMouvementTierList() { + return mouvementTierList; + } + + public void setMouvementTierList(List mouvementTierList) { + this.mouvementTierList = mouvementTierList; + } + + @XmlTransient + public List getMouvementList() { + return mouvementList; + } + + public void setMouvementList(List mouvementList) { + this.mouvementList = mouvementList; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof TypeMouvement)) { + return false; + } + TypeMouvement other = (TypeMouvement) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.TypeMouvement[ id=" + id + " ]"; + } + + public String getType() { + return type; + } + + public void setType(String type) { + this.type = type; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/TypeTresorie.java b/src/main/java/com/triz/trizservice/modeles/TypeTresorie.java new file mode 100644 index 0000000..c36c40c --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/TypeTresorie.java @@ -0,0 +1,111 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles; + +import java.io.Serializable; +import java.util.List; +import javax.persistence.Basic; +import javax.persistence.Column; +import javax.persistence.Entity; +import javax.persistence.GeneratedValue; +import javax.persistence.GenerationType; +import javax.persistence.Id; +import javax.persistence.NamedQueries; +import javax.persistence.NamedQuery; +import javax.persistence.OneToMany; +import javax.persistence.Table; +import javax.validation.constraints.Size; +import javax.xml.bind.annotation.XmlRootElement; +import javax.xml.bind.annotation.XmlTransient; + +/** + * + * @author FORCE TECH + */ +@Entity +@Table(name = "type_tresorie", catalog = "triz_tresorie", schema = "public") +@XmlRootElement +@NamedQueries({ + @NamedQuery(name = "TypeTresorie.findAll", query = "SELECT t FROM TypeTresorie t"), + @NamedQuery(name = "TypeTresorie.findById", query = "SELECT t FROM TypeTresorie t WHERE t.id = :id"), + @NamedQuery(name = "TypeTresorie.findByType", query = "SELECT t FROM TypeTresorie t WHERE t.type = :type")}) +public class TypeTresorie implements Serializable { + + @Size(max = 255) + @Column(name = "type") + private String type; + @OneToMany(mappedBy = "fkTypeTresorie") + private List tresorieList; + + private static final long serialVersionUID = 1L; + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + @Basic(optional = false) + @Column(name = "id") + private Integer id; + + + public TypeTresorie() { + } + + public TypeTresorie(Integer id) { + this.id = id; + } + + public Integer getId() { + return id; + } + + public void setId(Integer id) { + this.id = id; + } + + + @XmlTransient + public List getTresorieList() { + return tresorieList; + } + + public void setTresorieList(List tresorieList) { + this.tresorieList = tresorieList; + } + + @Override + public int hashCode() { + int hash = 0; + hash += (id != null ? id.hashCode() : 0); + return hash; + } + + @Override + public boolean equals(Object object) { + // TODO: Warning - this method won't work in the case the id fields are not set + if (!(object instanceof TypeTresorie)) { + return false; + } + TypeTresorie other = (TypeTresorie) object; + if ((this.id == null && other.id != null) || (this.id != null && !this.id.equals(other.id))) { + return false; + } + return true; + } + + @Override + public String toString() { + return "com.triz.trizservice.modeles.TypeTresorie[ id=" + id + " ]"; + } + + + + + public String getType() { + return type; + } + + public void setType(String type) { + this.type = type; + } + +} diff --git a/src/main/java/com/triz/trizservice/modeles/object/GenerateIDObject.java b/src/main/java/com/triz/trizservice/modeles/object/GenerateIDObject.java new file mode 100644 index 0000000..9831b14 --- /dev/null +++ b/src/main/java/com/triz/trizservice/modeles/object/GenerateIDObject.java @@ -0,0 +1,43 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.modeles.object; + +import com.triz.trizservice.modeles.ServiceIncrementation; +import com.triz.trizservice.service.TransactionService; +import java.util.Date; + +/** + * + * @author HP + */ +public class GenerateIDObject { + + public static String genererIdGroups(TransactionService service) { + + System.out.println("genererIdGroups"); + String id = ""; + ServiceIncrementation incr = service.getIncrementation(); + if (incr == null) { + incr = new ServiceIncrementation(); + incr.setDateMois(new Date()); + } + + if (incr.getIncrGroups() == null) { + incr.setIncrGroups(0); + } + + int nbrStockGroups = incr.getIncrGroups() + 1; + incr.setIncrGroups(nbrStockGroups); + id = "" + nbrStockGroups; + service.save(incr); + while (id.length() < 5) { + id = "0" + id; + } + + id = "90" + id; + System.out.println("Id :" + id); + return id; + } +} diff --git a/src/main/java/com/triz/trizservice/security/AuthenticationService.java b/src/main/java/com/triz/trizservice/security/AuthenticationService.java new file mode 100644 index 0000000..704dc3b --- /dev/null +++ b/src/main/java/com/triz/trizservice/security/AuthenticationService.java @@ -0,0 +1,14 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.security; + +/** + * + * @author Triztech web + */ +public interface AuthenticationService { + + public boolean login(String username, String password); +} diff --git a/src/main/java/com/triz/trizservice/security/impl/AuthenticationServiceImpl.java b/src/main/java/com/triz/trizservice/security/impl/AuthenticationServiceImpl.java new file mode 100644 index 0000000..a1db687 --- /dev/null +++ b/src/main/java/com/triz/trizservice/security/impl/AuthenticationServiceImpl.java @@ -0,0 +1,47 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.trizservice.security.impl; + +import com.triz.trizservice.security.AuthenticationService; +import org.slf4j.Logger; +import org.slf4j.LoggerFactory; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.security.authentication.AuthenticationManager; +import org.springframework.security.authentication.UsernamePasswordAuthenticationToken; +import org.springframework.security.core.Authentication; +import org.springframework.security.core.AuthenticationException; +import org.springframework.security.core.context.SecurityContextHolder; +import org.springframework.stereotype.Service; + +/** + * + * @author Triztech web + */ +@Service("authenticationService") +public class AuthenticationServiceImpl implements AuthenticationService { + + @Autowired + private AuthenticationManager authenticationManager; // specific for Spring Security + + private Logger logger = LoggerFactory.getLogger(LoginServiceImpl.class); + + @Override + public boolean login(String username, String password) { + System.out.println("AuthenticationServiceImpl "); + try { + Authentication authenticate = authenticationManager + .authenticate(new UsernamePasswordAuthenticationToken( + username, password)); + if (authenticate.isAuthenticated()) { + SecurityContextHolder.getContext().setAuthentication( + authenticate); + return true; + } + } catch (AuthenticationException e) { + logger.error("", e.getCause()); + } + return false; + } +} diff --git a/src/main/java/com/triz/trizservice/security/impl/CostumSuccesHandler.java b/src/main/java/com/triz/trizservice/security/impl/CostumSuccesHandler.java new file mode 100644 index 0000000..4ddb432 --- /dev/null +++ b/src/main/java/com/triz/trizservice/security/impl/CostumSuccesHandler.java @@ -0,0 +1,131 @@ +/* + * To change this template, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.trizservice.security.impl; + +import com.triz.trizservice.modeles.Etablissement; +import com.triz.trizservice.modeles.ServiceEtablissementUser; +import com.triz.trizservice.modeles.ServiceUser; +import com.triz.trizservice.modeles.ServicehistoriqueConnection; +import com.triz.trizservice.service.TransactionService; +import com.triz.util.UtilContext; +import com.triz.util.UtilGetParametre; +import java.io.IOException; +import javax.servlet.ServletException; +import javax.servlet.http.HttpServletRequest; +import javax.servlet.http.HttpServletResponse; +import org.springframework.security.web.authentication.SavedRequestAwareAuthenticationSuccessHandler; +import org.springframework.security.core.Authentication; +import com.triz.util.UtilURL; +import java.util.Date; +import java.util.List; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.stereotype.Service; + +/** + * + * @author abderrahim.TOUAIBIA + */ +@Service +public class CostumSuccesHandler extends SavedRequestAwareAuthenticationSuccessHandler { + + @Autowired + private TransactionService transactionService; + + @Autowired + public UtilContext context; + + public CostumSuccesHandler() { + + } + + @Override + public void onAuthenticationSuccess(HttpServletRequest request, HttpServletResponse response, + Authentication authentication) throws ServletException, IOException { + + setDefaultTargetUrl("/" + multiEtablissement()); + super.onAuthenticationSuccess(request, response, authentication); + } + + private void saveConnection(ServiceUser user, Etablissement etablissement) { + ServicehistoriqueConnection his = new ServicehistoriqueConnection(); + his.setFkUser(user); + his.setDate(new Date()); + his.setHeur(new Date()); + his.setAdresseIp(""); + his.setFkEtablissement(etablissement); + transactionService.save(his); + } + + public String multiEtablissement() { + + // useDistribution = UtilGetParametre.useTrizDistribution(); + ServiceUser user = context.getCurrentUser(); + + System.out.println("-------------------- multi etablissement"); + List listUserEtab = transactionService.getAllStockEtablissementFromUsersEtablissementByUser(user); + System.out.println("-------------------- listUserEtab " + listUserEtab); + UtilURL.showURL(); + if (listUserEtab.size() == 1) { + Etablissement etablissement = listUserEtab.get(0); + ServiceEtablissementUser userEtablissement = transactionService.getAllUserEtablissementByEtablissementByUser(etablissement, user); + UtilURL.setIdEtablissement(etablissement.getIdEtabStock()); + UtilURL.setFonctionnalite(transactionService.getFonctionServerByUsersByEtablissement(context.getCurrentUser(), etablissement)); + saveConnection(user, etablissement); +// if ("production".equals(etablissement.getType_etablissemnt())) { +// UtilURL.setIsProuction(true); +// return UtilURL.URL_PRODUCTION; +// } +// if (("true".equals(userEtablissement.getUseSuperette()))) { +// return UtilURL.STOCK_URL_VENTECOMPTOIRE; +// } +// if (context.getUseTB() && context.isshow1("Acceuil")) { +// return UtilURL.STOCK_URL_TB; +// } + return UtilURL.STOCK_URL; + + } + + if (listUserEtab.size() > 1) { + ServicehistoriqueConnection hist = transactionService.getLastStockHistoriqueConnectionByUsers(user); + if (hist != null) { + Etablissement lasteEtablissement = hist.getFkEtablissement(); +// if ("true".equals(hist.getIsTableauBord())) { +// if ("true".equals(user.getShowTableauDeBord())) { +// UtilURL.setIsTableauDeBord(true); +// UtilURL.setIdEtablissement(null); +// UtilURL.setFonctionnaliteServer(null); +// UtilURL.setIsProuction(false); +// saveConnection(user, "true", null); +// return UtilURL.STOCK_URL; +// } +// } + if (lasteEtablissement != null) { + if (listUserEtab.contains(lasteEtablissement)) { + // saveConnection(user, "false", lasteEtablissement); + ServiceEtablissementUser userEtablissement = transactionService.getAllUserEtablissementByEtablissementByUser(lasteEtablissement, user); + UtilURL.setIdEtablissement(lasteEtablissement.getIdEtabStock()); + UtilURL.setFonctionnalite(transactionService.getFonctionServerByUsersByEtablissement(context.getCurrentUser(), lasteEtablissement)); +// if ("production".equals(lasteEtablissement.getType_etablissemnt())) { +// UtilURL.setIsProuction(true); +// return UtilURL.URL_PRODUCTION; +// } +// UtilURL.setIsProuction(false); +// if (("true".equals(userEtablissement.getUseSuperette()))) { +// return UtilURL.STOCK_URL_VENTECOMPTOIRE; +// } +// if (context.getUseTB() && context.isshow1("Acceuil")) { +// return UtilURL.STOCK_URL_TB; +// } + return UtilURL.STOCK_URL; + } + } + } + return UtilURL.STOCK_URL; + } + return UtilURL.STOCK_URL; + + } + +} diff --git a/src/main/java/com/triz/trizservice/security/impl/LoginServiceImpl.java b/src/main/java/com/triz/trizservice/security/impl/LoginServiceImpl.java new file mode 100644 index 0000000..0fb6ffa --- /dev/null +++ b/src/main/java/com/triz/trizservice/security/impl/LoginServiceImpl.java @@ -0,0 +1,130 @@ +/* + * To change this template, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.trizservice.security.impl; + + +import com.triz.trizservice.modeles.ServiceMember; +import com.triz.trizservice.modeles.ServiceUser; +import com.triz.trizservice.service.TransactionService; +import com.triz.util.UtilContext; +import com.triz.util.UtilURL; +import java.util.ArrayList; +import java.util.Collection; +import java.util.List; +import java.util.Timer; +import org.slf4j.Logger; +import org.slf4j.LoggerFactory; +import org.springframework.security.authentication.AuthenticationProvider; +import org.springframework.security.authentication.UsernamePasswordAuthenticationToken; +import org.springframework.security.core.Authentication; +import org.springframework.security.core.AuthenticationException; +import org.springframework.security.core.GrantedAuthority; +import org.springframework.security.core.authority.SimpleGrantedAuthority; +import org.springframework.security.core.userdetails.User; +import org.springframework.security.core.userdetails.UsernameNotFoundException; +import org.springframework.stereotype.Component; +import org.springframework.stereotype.Service; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.beans.factory.annotation.Qualifier; +import org.springframework.security.authentication.AuthenticationManager; + +/** + * this service provide authentification + * + * @author kamel.ider + */ +@Service("loginService") +@Component("loginService") +public class LoginServiceImpl implements AuthenticationProvider { + + private static boolean enabled = true; + private static boolean accountNonExpired = true; + private static boolean credentialsNonExpired = true; + private static boolean accountNonLocked = true; + //@Resource(name = "transactionService") + + @Autowired + private TransactionService transactionService; + + + @Autowired + public UtilContext context; + + + private Timer timer; + private Logger logger = LoggerFactory.getLogger(LoginServiceImpl.class); + + @Autowired + @Qualifier("dataSourceAuthenticationManager") + private AuthenticationManager dataSourceAuthenticationManager; + + public LoginServiceImpl() { + } + + @Override + public Authentication authenticate(Authentication authentication) throws AuthenticationException { + System.out.println("login ------"); + ServiceUser daoUser = null; + //authentication=dataSourceAuthenticationManager.authenticate(authentication); + String loginName = authentication.getName(); + System.out.println("loginName: " + loginName); + daoUser = transactionService.getUserById(loginName.trim()); + System.out.println("daoUser: " + daoUser); + UtilURL.showURL(); + if (daoUser == null) { + throw new UsernameNotFoundException("Login erroné"); + } else if (!daoUser.getActif().contains("true")) { + throw new UsernameNotFoundException("Votre compte est disactivé veuillez contacter l'administrateur"); + } + + try { + String pwd = authentication.getCredentials().toString(); + System.out.println("pwd: " + pwd); + + if (login(daoUser, pwd)) { + System.out.println("inside if: " + pwd); + List groups = transactionService.getGroupsByUser(daoUser); + Collection adminAuthorities = new ArrayList(); + adminAuthorities.add(new SimpleGrantedAuthority("ROLE_REGISTERED")); + System.out.println("groups: " + groups.size()); + if (!groups.isEmpty()) { + for (ServiceMember group : groups) { + System.out.println("group: " + group.getFkGroupe()); + adminAuthorities.add(new SimpleGrantedAuthority("ROLE_" + group.getFkGroupe().getId().toUpperCase())); + } + } + User user = new User(loginName.trim(), pwd.trim(), enabled, accountNonExpired, credentialsNonExpired, accountNonLocked, adminAuthorities); + + return new UsernamePasswordAuthenticationToken(user, authentication.getCredentials(), adminAuthorities); + } + } catch (Exception e) { + System.out.println("error: " + e.getMessage()); + logger.error("", e); + if (e.getCause() != null && e.getCause() instanceof java.net.ConnectException) { + throw new UsernameNotFoundException("Le serveur n'est pas accessible veuillez verifier votre connexion ou contacter l'administrateur"); + } + } + if (daoUser != null) { + //dataService.createHistoric(daoUser.getId(), HistoricAction.FAILLOGIN); + } + throw new UsernameNotFoundException("Mot de passe erroné"); + } + + @Override + public boolean supports(Class authentication) { + return authentication.equals(UsernamePasswordAuthenticationToken.class); + } + + private boolean login(ServiceUser user, String pw) { + System.out.println("pw: hh " + pw); + System.out.println("user.getPw(): " + user.getUserpw()+"hh "); + if (user.getUserpw().equals(pw)) { + System.out.println("true"); + return true; + } + System.out.println("false"); + return false; + } +} diff --git a/src/main/java/com/triz/trizservice/service/DaoService.java b/src/main/java/com/triz/trizservice/service/DaoService.java new file mode 100644 index 0000000..a21ee89 --- /dev/null +++ b/src/main/java/com/triz/trizservice/service/DaoService.java @@ -0,0 +1,115 @@ +/* + * To change this license header, choose License Headers in Project Properties. + * To change this template file, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.trizservice.service; + +import com.triz.trizservice.modeles.AnneeFiscale; +import com.triz.trizservice.modeles.Etablissement; +import com.triz.trizservice.modeles.ServiceEtablissementUser; +import com.triz.trizservice.modeles.ServiceFonctiongroupe; +import com.triz.trizservice.modeles.ServiceFonctionnaliter; +import com.triz.trizservice.modeles.ServiceGroupe; +import com.triz.trizservice.modeles.ServiceIncrementation; +import com.triz.trizservice.modeles.ServiceMember; +import com.triz.trizservice.modeles.ServiceUser; +import com.triz.trizservice.modeles.ServicehistoriqueConnection; +import com.triz.trizservice.modeles.ServiceHistoriqueManipulation; +import com.triz.trizservice.modeles.ServiceWilaya; +import com.triz.trizservice.modeles.ServiceHistoriqueManipulation; +import java.util.List; + +/** + * + * @author abder_000 + */ +public interface DaoService { + + public List getAllUsers(); + + public List getAllFonctionalite(); + + public boolean isItTimeToChangePass(); + + public ServiceUser getUserById(String userId); + + public List getGroupsByUser(ServiceUser user); + + public ServiceMember getGroupByUser(ServiceUser user); + + public void saveUser(ServiceUser object); + + public ServiceGroupe getGroupsById(String id); + + public void saveGroup(ServiceGroupe object); + + public void saveMembership(ServiceMember object); + + public void saveFonctionsGroupes(ServiceFonctiongroupe object); + + public ServicehistoriqueConnection getLastHistoriqueConnectionByUsers(ServiceUser user); + + public ServicehistoriqueConnection getLastHistoriqueConnectionById(Long id); + + public void save(ServicehistoriqueConnection historique); + + public List getAllGroups(); + + public List getAllMembershipByUser(ServiceUser user); + + public List getAllFonctionsGroupesByGroupe(ServiceGroupe group); + + public List getAllMembership(); + + public ServiceFonctionnaliter getFonctionnaliteById(String id); + + public List getAllFonctionnaliteServer(); + + public void save(ServiceFonctionnaliter object); + + public void save(ServiceHistoriqueManipulation object); + + public List getAllFonctionsGroups(); + + public List getFonctionServerByGroups(ServiceGroupe groupe); + + public List getFonctionServerByUsers(ServiceUser user); + + public ServiceFonctionnaliter getFonctionnaliteServerByFonction(String fonction); + + public int genererBDD(String chemain, String nomSql); + + public List getAllMemberShipByUser(ServiceUser user); + + public ServiceFonctiongroupe getFonctionGroupByFonctionIdAndGoupe(String id, ServiceGroupe group); + + public void save(ServiceIncrementation object); + + public ServiceIncrementation getIncrementation(); + + public ServiceIncrementation getFirstIncrementation(); + + public void save(ServiceGroupe object); + + public void removeFonctionsGroupes(ServiceFonctiongroupe fonctionGroupe); + + public List getListHistoriqueConnectionByUsers(ServiceUser user); + + public List getListHistoriqueManipulationByUsersByEntreprise(ServiceUser user); + + public Etablissement getEtablissementById(String id); + + public List getAllStockEtablissementFromUsersEtablissementByUser(ServiceUser user); + + public ServiceEtablissementUser getAllUserEtablissementByEtablissementByUser(Etablissement etablissement, ServiceUser user); + + public List getFonctionServerByUsersByEtablissement(ServiceUser user, Etablissement etablissement); + + public ServicehistoriqueConnection getLastStockHistoriqueConnectionByUsers(ServiceUser user); + + public AnneeFiscale getAnneFiscalByEtablissementByActif(Etablissement etablissement); + + public List getAllWilaya(); + +} diff --git a/src/main/java/com/triz/trizservice/service/TransactionService.java b/src/main/java/com/triz/trizservice/service/TransactionService.java new file mode 100644 index 0000000..1a36714 --- /dev/null +++ b/src/main/java/com/triz/trizservice/service/TransactionService.java @@ -0,0 +1,115 @@ + +/* + * To change this license header, choose License Headers in Project Properties. + * To change this template file, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.trizservice.service; + +import com.triz.trizservice.modeles.AnneeFiscale; +import com.triz.trizservice.modeles.Etablissement; +import com.triz.trizservice.modeles.ServiceEtablissementUser; +import com.triz.trizservice.modeles.ServiceFonctiongroupe; +import com.triz.trizservice.modeles.ServiceFonctionnaliter; +import com.triz.trizservice.modeles.ServiceGroupe; +import com.triz.trizservice.modeles.ServiceIncrementation; +import com.triz.trizservice.modeles.ServiceMember; +import com.triz.trizservice.modeles.ServiceUser; +import com.triz.trizservice.modeles.ServicehistoriqueConnection; +import com.triz.trizservice.modeles.ServiceHistoriqueManipulation; +import com.triz.trizservice.modeles.ServiceWilaya; +import com.triz.trizservice.modeles.ServiceHistoriqueManipulation; +import java.util.List; + +/** + * + * @author abder_000 + */ +public interface TransactionService { + + public List getAllUsers(); + + public List getAllFonctionalite(); + + public boolean isItTimeToChangePass(); + + public ServiceUser getUserById(String userId) ; + + public List getGroupsByUser(ServiceUser user); + + public ServiceMember getGroupByUser(ServiceUser user); + + public void saveUser(ServiceUser object); + + public ServiceGroupe getGroupsById(String id); + + public void saveGroup(ServiceGroupe object); + + public void saveMembership(ServiceMember object); + + public void saveFonctionsGroupes(ServiceFonctiongroupe object); + + public ServicehistoriqueConnection getLastHistoriqueConnectionByUsers(ServiceUser user); + + public ServicehistoriqueConnection getLastHistoriqueConnectionById(Long id); + + public void save(ServicehistoriqueConnection historique); + + public List getAllGroups(); + + public List getAllMembershipByUser(ServiceUser user); + + public List getAllFonctionsGroupesByGroupe(ServiceGroupe group); + + public List getAllMembership(); + + public ServiceFonctionnaliter getFonctionnaliteById(String id); + + public List getAllFonctionnaliteServer(); + + public void save(ServiceFonctionnaliter object); + + public void save(ServiceHistoriqueManipulation object); + + public List getAllFonctionsGroups(); + + public List getFonctionServerByGroups(ServiceGroupe groupe); + + public List getFonctionServerByUsers(ServiceUser user); + + public ServiceFonctionnaliter getFonctionnaliteServerByFonction(String fonction); + + public int genererBDD(String chemain, String nomSql); + + public List getAllMemberShipByUser(ServiceUser user); + + public ServiceFonctiongroupe getFonctionGroupByFonctionIdAndGoupe(String id, ServiceGroupe group); + + public void save(ServiceIncrementation object); + + public ServiceIncrementation getIncrementation(); + + public ServiceIncrementation getFirstIncrementation(); + + public void save(ServiceGroupe object); + + public void removeFonctionsGroupes(ServiceFonctiongroupe fonctionGroupe); + + public List getListHistoriqueConnectionByUsers(ServiceUser user); + + public List getListHistoriqueManipulationByUsersByEntreprise(ServiceUser user); + + public Etablissement getEtablissementById(String id); + + public List getAllStockEtablissementFromUsersEtablissementByUser(ServiceUser user); + + public ServiceEtablissementUser getAllUserEtablissementByEtablissementByUser(Etablissement etablissement,ServiceUser user); + + public List getFonctionServerByUsersByEtablissement(ServiceUser user,Etablissement etablissement); + + public ServicehistoriqueConnection getLastStockHistoriqueConnectionByUsers(ServiceUser user); + + public AnneeFiscale getAnneFiscalByEtablissementByActif(Etablissement etablissement); + + public List getAllWilaya(); +} diff --git a/src/main/java/com/triz/trizservice/service/impl/DaoServiceImpl.java b/src/main/java/com/triz/trizservice/service/impl/DaoServiceImpl.java new file mode 100644 index 0000000..1728bb8 --- /dev/null +++ b/src/main/java/com/triz/trizservice/service/impl/DaoServiceImpl.java @@ -0,0 +1,295 @@ +/* + * To change this license header, choose License Headers in Project Properties. + * To change this template file, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.trizservice.service.impl; + +import com.triz.trizservice.modeles.AnneeFiscale; +import com.triz.trizservice.modeles.Etablissement; +import com.triz.trizservice.modeles.ServiceEtablissementUser; +import com.triz.trizservice.service.DaoService; +import com.triz.trizservice.modeles.ServiceFonctiongroupe; +import com.triz.trizservice.modeles.ServiceFonctionnaliter; +import com.triz.trizservice.modeles.ServiceGroupe; +import com.triz.trizservice.modeles.ServiceIncrementation; +import com.triz.trizservice.modeles.ServiceMember; +import com.triz.trizservice.modeles.ServiceUser; +import com.triz.trizservice.modeles.ServicehistoriqueConnection; +import com.triz.trizservice.modeles.ServiceWilaya; +import com.triz.trizservice.modeles.ServiceHistoriqueManipulation; +import java.util.Date; +import java.util.List; +import javax.annotation.Resource; +import javax.persistence.NoResultException; +import javax.persistence.criteria.CriteriaBuilder; +import javax.persistence.criteria.CriteriaQuery; +import javax.persistence.criteria.Root; +import org.hibernate.Session; +import org.hibernate.SessionFactory; +import org.hibernate.criterion.Order; +import org.hibernate.criterion.Restrictions; +import org.springframework.stereotype.Repository; + +/** + * + * @author abder_000 + */ +@Repository() +public class DaoServiceImpl implements DaoService { + + @Resource(name = "sessionFactory") + SessionFactory sessionFactory; + + private Session getCurrentSession() { + if (sessionFactory.getCurrentSession() == null) { + return sessionFactory.openSession(); + } + sessionFactory.getCurrentSession().clear(); + return sessionFactory.getCurrentSession(); + } + + @Override + public List getAllUsers() { + return getCurrentSession().createCriteria(ServiceUser.class).list(); + } + + @Override + public List getAllFonctionalite() { + return getCurrentSession().createCriteria(ServiceFonctionnaliter.class).list(); + } + + @Override + public boolean isItTimeToChangePass() { + return true; + } + + @Override + public ServiceUser getUserById(String userId) { + return (ServiceUser) getCurrentSession() + .createQuery("SELECT user FROM ServiceUser user WHERE user.userid = :userid") + .setParameter("userid", userId) + .setMaxResults(1) + .uniqueResult(); + } + + @Override + public List getGroupsByUser(ServiceUser user) { + return getCurrentSession() + .createQuery("SELECT membre FROM ServiceMember membre WHERE membre.fkUser = :user", ServiceMember.class) + .setParameter("user", user) + .getResultList(); + } + + @Override + public ServiceMember getGroupByUser(ServiceUser user) { + return getCurrentSession() + .createQuery("SELECT membre FROM ServiceMember membre WHERE membre.fkUser = :user", ServiceMember.class) + .setParameter("user", user) + .setMaxResults(1) + .uniqueResult(); + } + + @Override + public void saveUser(ServiceUser object) { + getCurrentSession().saveOrUpdate(object); + } + + @Override + public ServiceGroupe getGroupsById(String id) { + return (ServiceGroupe) getCurrentSession().createCriteria(ServiceGroupe.class).add(Restrictions.eq("id", id)).setMaxResults(1).uniqueResult(); + } + + @Override + public void saveGroup(ServiceGroupe object) { + getCurrentSession().saveOrUpdate(object); + } + + @Override + public void saveMembership(ServiceMember object) { + getCurrentSession().saveOrUpdate(object); + } + + @Override + public void saveFonctionsGroupes(ServiceFonctiongroupe object) { + getCurrentSession().saveOrUpdate(object); + } + + @Override + public ServicehistoriqueConnection getLastHistoriqueConnectionByUsers(ServiceUser user) { + return (ServicehistoriqueConnection) getCurrentSession().createCriteria(ServicehistoriqueConnection.class).add(Restrictions.eq("fkUser", user)).addOrder(Order.desc("id")).setMaxResults(1).uniqueResult(); + } + + @Override + public ServicehistoriqueConnection getLastHistoriqueConnectionById(Long id) { + return (ServicehistoriqueConnection) getCurrentSession().createCriteria(ServicehistoriqueConnection.class).add(Restrictions.eq("id", id)).setMaxResults(1).uniqueResult(); + } + + @Override + public void save(ServicehistoriqueConnection historique) { + getCurrentSession().saveOrUpdate(historique); + } + + @Override + public List getAllGroups() { + return getCurrentSession().createCriteria(ServiceGroupe.class).add(Restrictions.eq("actif", "true")).list(); + } + + @Override + public List getAllMembershipByUser(ServiceUser user) { + return getCurrentSession().createCriteria(ServiceMember.class).add(Restrictions.eq("fkUser", user)).list(); + } + + @Override + public List getAllFonctionsGroupesByGroupe(ServiceGroupe group) { + return getCurrentSession().createCriteria(ServiceFonctiongroupe.class).add(Restrictions.eq("fkGroupe", group)).list(); + } + + @Override + public List getAllMembership() { + return getCurrentSession().createCriteria(ServiceMember.class).addOrder(Order.desc("date")).list(); + } + + @Override + public ServiceFonctionnaliter getFonctionnaliteById(String id) { + return (ServiceFonctionnaliter) getCurrentSession().createCriteria(ServiceFonctionnaliter.class).add(Restrictions.eq("id", id)).setMaxResults(1).uniqueResult(); + } + + @Override + public List getAllFonctionnaliteServer() { + return getCurrentSession().createCriteria(ServiceFonctionnaliter.class).list(); + } + + @Override + public void save(ServiceFonctionnaliter object) { + getCurrentSession().saveOrUpdate(object); + } + + @Override + public void save(ServiceHistoriqueManipulation object) { + getCurrentSession().saveOrUpdate(object); + } + + @Override + public List getAllFonctionsGroups() { + return getCurrentSession().createCriteria(ServiceFonctiongroupe.class).list(); + } + + @Override + public List getFonctionServerByGroups(ServiceGroupe groupe) { + return getCurrentSession().createQuery("select sf from ServiceFonctionnaliter sf,ServiceFonctiongroupe sfg where sf.id=sfg.fkFonction and sfg.fkGroupe =:groupeS").setParameter("groupeS", groupe).list(); + } + + @Override + public List getFonctionServerByUsers(ServiceUser user) { + return getCurrentSession().createQuery("select sf from ServiceFonctionnaliter sf,ServiceFonctiongroupe sfg, ServiceMember mem where sf.id=sfg.fkFonction and sfg.fkGroupe = mem.fkGroupe and mem.fkUser= :user ").setParameter("user", user).list(); + } + + @Override + public ServiceFonctionnaliter getFonctionnaliteServerByFonction(String fonction) { + return (ServiceFonctionnaliter) getCurrentSession().createCriteria(ServiceFonctionnaliter.class).add(Restrictions.eq("fonction", fonction)).setMaxResults(1).uniqueResult(); + } + + @Override + public int genererBDD(String chemain, String nomSql) { + return getCurrentSession().createSQLQuery("BACKUP DATABASE " + nomSql + " TO DISK = '" + chemain + "' WITH FORMAT, MEDIANAME = 'SQLServerBackups', NAME = 'Full Backup of " + nomSql + "' ").executeUpdate(); + + } + + @Override + public List getAllMemberShipByUser(ServiceUser user) { + return getCurrentSession().createQuery("select m from ServiceMember m where m.fkUser =:idUser").setParameter("idUser", user).list(); + } + + @Override + public ServiceFonctiongroupe getFonctionGroupByFonctionIdAndGoupe(String id, ServiceGroupe group) { + return (ServiceFonctiongroupe) getCurrentSession().createQuery("select fg from ServiceFonctiongroupe fg where fg.fkFonction.id =:fonction and fg.fkGroupe.id =:group").setParameter("fonction", id).setParameter("group", group.getId()).setMaxResults(1).uniqueResult(); + } + + @Override + public void save(ServiceIncrementation object) { + getCurrentSession().saveOrUpdate(object); + } + + @Override + public ServiceIncrementation getIncrementation() { + return (ServiceIncrementation) getCurrentSession().createQuery("select increm from ServiceIncrementation increm").setMaxResults(1).uniqueResult(); + } + + @Override + public ServiceIncrementation getFirstIncrementation() { + return getCurrentSession().createQuery("SELECT s FROM ServiceIncrementation s ORDER BY s.id ASC", ServiceIncrementation.class).setMaxResults(1).getSingleResult(); + } + + @Override + public void save(ServiceGroupe object) { + getCurrentSession().saveOrUpdate(object); + } + + @Override + public void removeFonctionsGroupes(ServiceFonctiongroupe fonctionGroupe) { + getCurrentSession().delete(fonctionGroupe); + } + + @Override + public List getListHistoriqueConnectionByUsers(ServiceUser user) { + return getCurrentSession() + .createQuery("select e from ServicehistoriqueConnection e where e.fkUser = :user", ServicehistoriqueConnection.class) + .setParameter("user", user) + .list(); + } + + @Override + public List getListHistoriqueManipulationByUsersByEntreprise(ServiceUser user) { + return getCurrentSession() + .createQuery("select e from ServiceHistoriqueManipulation e where e.fkManipulateur = :user", ServiceHistoriqueManipulation.class) + .setParameter("user", user) + .list(); + } + + @Override + public Etablissement getEtablissementById(String id) { + return (Etablissement) getCurrentSession().createQuery("select ca from Etablissement ca where ca.idEtabStock = :id ").setParameter("id", id).setMaxResults(1).uniqueResult(); + } + + @Override + public List getAllStockEtablissementFromUsersEtablissementByUser(ServiceUser user) { + CriteriaBuilder cb = getCurrentSession().getCriteriaBuilder(); + CriteriaQuery cq = cb.createQuery(Etablissement.class); + Root root = cq.from(ServiceEtablissementUser.class); + + cq.select(root.get("fkEtablissement")) // sélectionne la relation + .where( + cb.and( + cb.equal(root.get("fkUser"), user), + cb.equal(root.get("fkEtablissement").get("actif"), "true") + ) + ); + return getCurrentSession().createQuery(cq).getResultList(); + } + + @Override + public ServiceEtablissementUser getAllUserEtablissementByEtablissementByUser(Etablissement etablissement, ServiceUser user) { + return (ServiceEtablissementUser) getCurrentSession().createCriteria(ServiceEtablissementUser.class).add(Restrictions.eq("fkEtablissement", etablissement)).add(Restrictions.eq("fkUser", user)).setMaxResults(1).uniqueResult(); + } + + @Override + public List getFonctionServerByUsersByEtablissement(ServiceUser user, Etablissement etablissement) { + return getCurrentSession().createQuery("select sf from ServiceFonctionnaliter sf,ServiceFonctiongroupe sfg, ServiceMember mem where sf.id=sfg.fkFonction and sfg.fkGroupe= mem.fkGroupe and mem.fkUser=:user and mem.fkGroupe.fkEtablissement=:etab ").setParameter("etab", etablissement).setParameter("user", user).list(); + } + + @Override + public ServicehistoriqueConnection getLastStockHistoriqueConnectionByUsers(ServiceUser user) { + return (ServicehistoriqueConnection) getCurrentSession().createCriteria(ServicehistoriqueConnection.class).add(Restrictions.eq("fkUser", user)).addOrder(Order.desc("id")).setMaxResults(1).uniqueResult(); + } + + @Override + public AnneeFiscale getAnneFiscalByEtablissementByActif(Etablissement etablissement) { + return (AnneeFiscale)getCurrentSession().createQuery("select sf from AnneeFiscale sf where sf.actif='true' and sf.fkEtablissement=:etab").setParameter("etab", etablissement).setMaxResults(1).uniqueResult(); + } + + @Override + public List getAllWilaya() { + return getCurrentSession().createQuery("select m from ServiceWilaya m ").list(); + } +} diff --git a/src/main/java/com/triz/trizservice/service/impl/TransactionServiceImpl.java b/src/main/java/com/triz/trizservice/service/impl/TransactionServiceImpl.java new file mode 100644 index 0000000..89fe7cc --- /dev/null +++ b/src/main/java/com/triz/trizservice/service/impl/TransactionServiceImpl.java @@ -0,0 +1,293 @@ +/* + * To change this license header, choose License Headers in Project Properties. + * To change this template file, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.trizservice.service.impl; + +import com.triz.trizservice.modeles.AnneeFiscale; +import com.triz.trizservice.modeles.Etablissement; +import com.triz.trizservice.modeles.ServiceEtablissementUser; +import com.triz.trizservice.modeles.ServiceFonctiongroupe; +import com.triz.trizservice.modeles.ServiceFonctionnaliter; +import com.triz.trizservice.modeles.ServiceGroupe; +import com.triz.trizservice.modeles.ServiceIncrementation; +import com.triz.trizservice.modeles.ServiceMember; +import com.triz.trizservice.modeles.ServiceUser; +import com.triz.trizservice.modeles.ServicehistoriqueConnection; +import com.triz.trizservice.modeles.ServiceHistoriqueManipulation; +import com.triz.trizservice.modeles.ServiceWilaya; +import com.triz.trizservice.modeles.ServiceHistoriqueManipulation; +import com.triz.trizservice.service.DaoService; +import com.triz.trizservice.service.TransactionService; +import java.util.List; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.stereotype.Service; +import org.springframework.transaction.annotation.Transactional; + +/** + * + * @author abder_000 + */ +@Service +public class TransactionServiceImpl implements TransactionService { + + @Autowired + DaoService daoService; + + @Transactional("transactionManager") + @Override + public boolean isItTimeToChangePass() { + return daoService.isItTimeToChangePass(); + } + + @Transactional("transactionManager") + @Override + public ServiceUser getUserById(String userId) { + return daoService.getUserById(userId); + } + + @Transactional("transactionManager") + @Override + public List getGroupsByUser(ServiceUser user) { + return daoService.getGroupsByUser(user); + } + + @Transactional("transactionManager") + @Override + public ServiceMember getGroupByUser(ServiceUser user) { + return daoService.getGroupByUser(user); + } + + @Transactional("transactionManager") + @Override + public void saveUser(ServiceUser object) { + daoService.saveUser(object); + } + + @Transactional("transactionManager") + @Override + public ServiceGroupe getGroupsById(String id) { + return daoService.getGroupsById(id); + } + + @Transactional("transactionManager") + @Override + public void saveGroup(ServiceGroupe object) { + daoService.saveGroup(object); + } + + @Transactional("transactionManager") + @Override + public void saveMembership(ServiceMember object) { + daoService.saveMembership(object); + } + + @Transactional("transactionManager") + @Override + public void saveFonctionsGroupes(ServiceFonctiongroupe object) { + daoService.saveFonctionsGroupes(object); + } + + @Transactional("transactionManager") + @Override + public List getAllFonctionalite() { + return daoService.getAllFonctionalite(); + } + + @Transactional("transactionManager") + @Override + public ServicehistoriqueConnection getLastHistoriqueConnectionByUsers(ServiceUser user) { + return daoService.getLastHistoriqueConnectionByUsers(user); + } + + @Transactional("transactionManager") + @Override + public ServicehistoriqueConnection getLastHistoriqueConnectionById(Long id) { + return daoService.getLastHistoriqueConnectionById(id); + } + + @Transactional("transactionManager") + @Override + public void save(ServicehistoriqueConnection historique) { + daoService.save(historique); + } + + @Transactional("transactionManager") + @Override + public List getAllGroups() { + return daoService.getAllGroups(); + } + + @Transactional("transactionManager") + @Override + public List getAllMembershipByUser(ServiceUser user) { + return daoService.getAllMembershipByUser(user); + } + + @Transactional("transactionManager") + @Override + public List getAllFonctionsGroupesByGroupe(ServiceGroupe group) { + return daoService.getAllFonctionsGroupesByGroupe(group); + } + + @Transactional("transactionManager") + @Override + public List getAllMembership() { + return daoService.getAllMembership(); + } + + @Transactional("transactionManager") + @Override + public ServiceFonctionnaliter getFonctionnaliteById(String id) { + return daoService.getFonctionnaliteById(id); + } + + @Transactional("transactionManager") + @Override + public List getAllFonctionnaliteServer() { + return daoService.getAllFonctionnaliteServer(); + } + + @Transactional("transactionManager") + @Override + public void save(ServiceFonctionnaliter object) { + daoService.save(object); + } + + @Transactional("transactionManager") + @Override + public void save(ServiceHistoriqueManipulation object) { + daoService.save(object); + } + + @Transactional("transactionManager") + @Override + public List getAllFonctionsGroups() { + return daoService.getAllFonctionsGroups(); + } + + @Transactional("transactionManager") + @Override + public List getFonctionServerByGroups(ServiceGroupe groupe) { + return daoService.getFonctionServerByGroups(groupe); + } + + @Transactional("transactionManager") + @Override + public List getFonctionServerByUsers(ServiceUser user) { + return daoService.getFonctionServerByUsers(user); + } + + @Transactional("transactionManager") + @Override + public ServiceFonctionnaliter getFonctionnaliteServerByFonction(String fonction) { + return daoService.getFonctionnaliteServerByFonction(fonction); + } + + public int genererBDD(String chemain, String nomSql) { + return daoService.genererBDD(chemain, nomSql); + } + + @Transactional("transactionManager") + @Override + public List getAllMemberShipByUser(ServiceUser user) { + return daoService.getAllMemberShipByUser(user); + } + + @Transactional("transactionManager") + @Override + public ServiceFonctiongroupe getFonctionGroupByFonctionIdAndGoupe(String id, ServiceGroupe group) { + return daoService.getFonctionGroupByFonctionIdAndGoupe(id, group); + } + + @Transactional("transactionManager") + @Override + public void save(ServiceIncrementation object) { + daoService.save(object); + } + + @Transactional("transactionManager") + @Override + public ServiceIncrementation getIncrementation() { + return daoService.getIncrementation(); + } + + @Transactional("transactionManager") + @Override + public ServiceIncrementation getFirstIncrementation() { + return daoService.getFirstIncrementation(); + } + + @Transactional("transactionManager") + @Override + public void save(ServiceGroupe object) { + daoService.save(object); + } + + @Transactional("transactionManager") + @Override + public void removeFonctionsGroupes(ServiceFonctiongroupe fonctionGroupe) { + daoService.removeFonctionsGroupes(fonctionGroupe); + } + + @Transactional("transactionManager") + @Override + public List getListHistoriqueConnectionByUsers(ServiceUser user) { + return daoService.getListHistoriqueConnectionByUsers(user); + } + + @Transactional("transactionManager") + @Override + public List getListHistoriqueManipulationByUsersByEntreprise(ServiceUser user) { + return daoService.getListHistoriqueManipulationByUsersByEntreprise(user); + } + + @Transactional("transactionManager") + @Override + public List getAllUsers() { + return daoService.getAllUsers(); + } + + @Transactional("transactionManager") + @Override + public Etablissement getEtablissementById(String id) { + return daoService.getEtablissementById(id); + } + + @Transactional("transactionManager") + @Override + public List getAllStockEtablissementFromUsersEtablissementByUser(ServiceUser user) { + return daoService.getAllStockEtablissementFromUsersEtablissementByUser(user); + } + + @Transactional("transactionManager") + @Override + public ServiceEtablissementUser getAllUserEtablissementByEtablissementByUser(Etablissement etablissement, ServiceUser user) { + return daoService.getAllUserEtablissementByEtablissementByUser(etablissement, user); + } + + @Transactional("transactionManager") + @Override + public List getFonctionServerByUsersByEtablissement(ServiceUser user, Etablissement etablissement) { + return daoService.getFonctionServerByUsersByEtablissement(user, etablissement); + } + + @Transactional("transactionManager") + @Override + public ServicehistoriqueConnection getLastStockHistoriqueConnectionByUsers(ServiceUser user) { + return daoService.getLastHistoriqueConnectionByUsers(user); + } + + @Transactional("transactionManager") + @Override + public AnneeFiscale getAnneFiscalByEtablissementByActif(Etablissement etablissement) { + return daoService.getAnneFiscalByEtablissementByActif(etablissement); + } + + @Transactional("transactionManager") + @Override + public List getAllWilaya() { + return daoService.getAllWilaya(); + } +} diff --git a/src/main/java/com/triz/util/OnvertPdfToExcel.java b/src/main/java/com/triz/util/OnvertPdfToExcel.java new file mode 100644 index 0000000..14730fa --- /dev/null +++ b/src/main/java/com/triz/util/OnvertPdfToExcel.java @@ -0,0 +1,36 @@ +/* + * To change this license header, choose License Headers in Project Properties. + * To change this template file, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.util; + +import java.io.IOException; +import java.nio.file.Path; +import java.nio.file.Paths; + +//import com.aspose.pdf.*; + +/** + * + * @author Lenovo ideapad 110 + */ +public class OnvertPdfToExcel { + + private static Path _dataDir; + private static String pdfFileName; + + public static void ConvertPDFtoExcelAdvanced_SaveXLSX(String pathfile, String filename) { + _dataDir = Paths.get(pathfile); + pdfFileName = filename; + // Load PDF document +// Document pdfDocument = new Document(_dataDir +"/"+ pdfFileName); +// // Instantiate ExcelSave Option object +// ExcelSaveOptions excelsave = new ExcelSaveOptions(); +// excelsave.setInsertBlankColumnAtFirst(false); +// excelsave.setMinimizeTheNumberOfWorksheets(true); +// // Save the output in XLS format +// pdfDocument.save(pathfile+"/PDFToXLS_out.xls", excelsave); + } + +} diff --git a/src/main/java/com/triz/util/Outils.java b/src/main/java/com/triz/util/Outils.java new file mode 100644 index 0000000..d9451f3 --- /dev/null +++ b/src/main/java/com/triz/util/Outils.java @@ -0,0 +1,115 @@ +/* + * To change this license header, choose License Headers in Project Properties. + * To change this template file, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.util; + +import java.security.MessageDigest; +import java.text.ParseException; +import java.text.SimpleDateFormat; +import java.util.Base64; +import java.util.Date; +import java.util.GregorianCalendar; +import java.util.logging.Level; +import java.util.logging.Logger; +import javax.crypto.Cipher; +import javax.crypto.spec.SecretKeySpec; + +/** + * + * @author Admin + */ +public class Outils { + + //region Hashage code .. + private static String key = "trizmobiletriz"; + + public static String decrypt(String encrypted) throws Exception { + byte[] keyb = key.getBytes("UTF-8"); + MessageDigest md = MessageDigest.getInstance("MD5"); + byte[] thedigest = md.digest(keyb); + SecretKeySpec skey = new SecretKeySpec(thedigest, "AES"); + Cipher dcipher = Cipher.getInstance("AES"); + dcipher.init(Cipher.DECRYPT_MODE, skey); + + byte[] clearbyte = dcipher.doFinal(Base64.getDecoder().decode(encrypted)); + return new String(clearbyte); + } + + public static String encrypt(String encrypted) throws Exception { + byte[] keyb = key.getBytes("UTF-8"); + MessageDigest md = MessageDigest.getInstance("MD5"); + byte[] thedigest = md.digest(keyb); + SecretKeySpec skey = new SecretKeySpec(thedigest, "AES"); + Cipher dcipher = Cipher.getInstance("AES"); + dcipher.init(Cipher.ENCRYPT_MODE, skey); + + byte[] clearbyte = dcipher.doFinal(encrypted.getBytes("utf-8")); + return Base64.getEncoder().encodeToString(clearbyte); + } + //endregion + + public static Double dateDifferenceWithToday(String date) { + Double diff = 100.0; + + try { + Date dateClient = new SimpleDateFormat("yyyy-MM-dd kk:mm").parse(date); + Date dateServer = new SimpleDateFormat("yyyy-MM-dd kk:mm").parse(getCurrentDate() + " " + getCurrentTime()); + System.out.println("diff=== " + (dateServer.getTime() - dateClient.getTime()) + " now=" + getCurrentDate() + " " + getCurrentTime() + " / date= " + date); + diff = (double) ((dateServer.getTime() - dateClient.getTime()) / (1000 * 60)); + System.out.println("diff=== " + diff + " min"); + } catch (ParseException ex) { + Logger.getLogger(Outils.class.getName()).log(Level.SEVERE, null, ex); + } + + return diff; + } + + public static String getCurrentDate() { + GregorianCalendar localGregorianCalendar = new GregorianCalendar(); + return new SimpleDateFormat("yyyy-MM-dd").format(localGregorianCalendar.getTime()); + + } + + public static String getCurrentTime() { + GregorianCalendar localGregorianCalendar = new GregorianCalendar(); + return new SimpleDateFormat("HH:mm:ss").format(localGregorianCalendar.getTime()); + } + + public static Date stringToDate(String date) { + SimpleDateFormat simpleDate = new SimpleDateFormat("yyyy-MM-dd"); + try { + return simpleDate.parse(date); + } catch (ParseException ex) { + return null; + } + } + + public static String dateToString(Date date) { + SimpleDateFormat simpleDate = new SimpleDateFormat("yyyy-MM-dd"); + + return date == null ? "0000-00-00" : simpleDate.format(date); + + } + + public static String formatHeur(Date date) { + if (date == null) { + return "-"; + } + SimpleDateFormat simpleDate = new SimpleDateFormat("HH:mm"); + return simpleDate.format(date); + } + + public static String replaceNULL(Expression ex,String replacement){ + try{ + return ex.compile(); + }catch(Exception e){ + return replacement; + } + } + + public interface Expression{ + String compile(); + } +} diff --git a/src/main/java/com/triz/util/UtilContext.java b/src/main/java/com/triz/util/UtilContext.java new file mode 100644 index 0000000..9457b48 --- /dev/null +++ b/src/main/java/com/triz/util/UtilContext.java @@ -0,0 +1,481 @@ +/* + * To change this template, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.util; + +import com.lowagie.text.BadElementException; +import com.lowagie.text.Document; +import com.lowagie.text.DocumentException; +import com.lowagie.text.PageSize; +import com.lowagie.text.Paragraph; +import com.triz.trizservice.modeles.AnneeFiscale; +import com.triz.trizservice.modeles.Etablissement; +import com.triz.trizservice.modeles.ServiceIncrementation; +import com.triz.trizservice.modeles.ServiceUser; +import com.triz.trizservice.modeles.ServiceHistoriqueManipulation; +import com.triz.trizservice.modeles.StockTypeDestinataire; +import com.triz.trizservice.service.TransactionService; +import java.io.ByteArrayInputStream; + +import java.io.File; +import java.io.FileInputStream; +import java.io.FileNotFoundException; +import java.io.IOException; +import java.net.InetSocketAddress; +import java.net.Socket; +import java.net.UnknownHostException; +import java.text.SimpleDateFormat; +import java.util.ArrayList; +import java.util.Date; +import java.util.List; +import java.util.logging.Level; +import java.util.logging.Logger; +import org.apache.commons.io.IOUtils; +import org.apache.poi.hssf.usermodel.HSSFDataFormat; +import org.apache.poi.ss.usermodel.CellType; +import org.apache.poi.ss.usermodel.CreationHelper; +import org.apache.poi.ss.util.CellRangeAddress; +import org.apache.poi.xssf.usermodel.XSSFCell; +import org.apache.poi.xssf.usermodel.XSSFCellStyle; +import org.apache.poi.xssf.usermodel.XSSFRow; +import org.apache.poi.xssf.usermodel.XSSFSheet; +import org.apache.poi.xssf.usermodel.XSSFWorkbook; +import org.primefaces.model.DefaultStreamedContent; +import org.primefaces.model.StreamedContent; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.security.core.context.SecurityContextHolder; +import org.springframework.security.core.userdetails.User; +import org.springframework.stereotype.Service; + +/** + * + * @author abderrahim.TOUAIBIA + */ +@Service() +public class UtilContext { + + private String titre; + private String db_URL; + private String url = "jdbc:sqlserver://localhost:1433;databaseName="; + private String dossierSauvegarde = "sauvegarde"; + private ServiceHistoriqueManipulation historiqueManipulation; + + @Autowired + private TransactionService service; + + public String getTitre() { + return titre; + } + + public void setTitre(String titre) { + this.titre = titre; + } + + public ServiceUser getCurrentUser() { + User user = (User) SecurityContextHolder.getContext().getAuthentication().getPrincipal(); + if (user != null) { + return service.getUserById(user.getUsername()); + } + return null; + } + + public String changeStatutLigneUser() { + ServiceUser user = getCurrentUser(); + service.saveUser(user); + return UtilURL.DISTRIBUTION_URL; + } + + public static boolean isInternetAvailable() throws IOException { + return isHostAvailable("google.com"); + } + + private static boolean isHostAvailable(String hostName) throws IOException { + try (Socket socket = new Socket()) { + int port = 80; + InetSocketAddress socketAddress = new InetSocketAddress(hostName, port); + socket.connect(socketAddress, 3000); + + return true; + } catch (UnknownHostException unknownHost) { + return false; + } + } + + + public static ServiceIncrementation remiseAZeroIncr(ServiceIncrementation incr) { + System.out.println(" remiseAZeroIncr "); + Date date = new Date(); + incr.setDateMois(date); + + return incr; + } + + public static ServiceIncrementation remiseAZeroIncrAnnee(ServiceIncrementation incr) { + System.out.println(" remiseAZeroIncr "); + Date date = new Date(); + incr.setDateMois(date); + return incr; + } + + public static ServiceIncrementation remiseAZeroIncrMois(ServiceIncrementation incr) { + System.out.println(" remiseAZeroIncrmois "); + Date date = new Date(); + incr.setDateMois(date); + return incr; + } + + public String userID() { + ServiceUser user = getCurrentUser(); + return user.getUserid(); + } + + public static String formatDateNew(Date date) { + if (date == null) { + return ""; + } + SimpleDateFormat simpleDate = new SimpleDateFormat("dd-MM-yyyy"); + return simpleDate.format(date); + } + + public static String dateFormatDayMonthYearAndTime(Date date) { + if (date == null) { + return ""; + } + SimpleDateFormat simpleDate = new SimpleDateFormat("dd-MM-yyyy HH:mm:ss"); + return simpleDate.format(date); + } + + public void preProcessPDF(Object document) throws IOException, BadElementException, DocumentException { + + System.out.println("Hello, my name is preProcessPDF"); + + Document pdf = (Document) document; + pdf.open(); + pdf.setPageSize(PageSize.A4); + pdf.add(new Paragraph(" " + titre + "\n\n\n")); + } + + public void preProcessPDF1(String titre1, Object document) throws IOException, BadElementException, DocumentException { + + Document pdf = (Document) document; + pdf.open(); + pdf.setPageSize(PageSize.A4); + pdf.add(new Paragraph(" " + titre1 + "\n\n\n")); + } + + public void postProcessXLS(Object document) throws DocumentException, FileNotFoundException, IOException { + + XSSFWorkbook wb = (XSSFWorkbook) document; + XSSFSheet sheet = wb.getSheetAt(0); + //sheet.autoSizeColumn(100); + sheet.shiftRows(0, sheet.getLastRowNum(), 2); + XSSFRow row = sheet.createRow((short) 0); + XSSFCell cell = row.createCell(2); + cell.setCellValue(titre); + sheet.addMergedRegion(new CellRangeAddress(0, 0, 2, 8)); + XSSFCellStyle cellStyleDate = (XSSFCellStyle) sheet.getWorkbook().createCellStyle(); + XSSFCellStyle cellStyleHeur = (XSSFCellStyle) sheet.getWorkbook().createCellStyle(); + XSSFCellStyle cellStyleMontant = (XSSFCellStyle) sheet.getWorkbook().createCellStyle(); + XSSFCellStyle cellStyleInt = (XSSFCellStyle) sheet.getWorkbook().createCellStyle(); + + CreationHelper createHelper = sheet.getWorkbook().getCreationHelper(); + cellStyleDate.setDataFormat( + createHelper.createDataFormat().getFormat("dd/MM/yyyy")); + cellStyleHeur.setDataFormat( + createHelper.createDataFormat().getFormat("hh:mm:ss")); + + cellStyleMontant.setDataFormat(HSSFDataFormat.getBuiltinFormat("#,##0.00")); + + cellStyleInt.setDataFormat(HSSFDataFormat.getBuiltinFormat("#,##0")); + + for (int ligne = 0; ligne <= sheet.getLastRowNum(); ligne++) { + row = sheet.getRow(ligne); + if (row == null) { + continue; + } + for (int colon = 0; colon <= row.getPhysicalNumberOfCells(); colon++) { + cell = row.getCell(colon); + if (cell == null) { + continue; + } + String mot = ""; + if (cell.getCellType() == CellType.STRING) { + mot = cell.getStringCellValue(); + } + if (cell.getCellType() == CellType.NUMERIC) { + mot = cell.getNumericCellValue() + ""; + } + mot = mot.replace(" ", ""); + mot = mot.replace(",", "."); + + try { + SimpleDateFormat simpleDate = new SimpleDateFormat("yyyy-MM-dd"); + cell.setCellValue(simpleDate.parse(mot)); + cell.setCellStyle(cellStyleDate); + continue; + + } catch (Exception e) { + + } + + try { + SimpleDateFormat simpleDate = new SimpleDateFormat("hh:mm:ss"); + cell.setCellValue(simpleDate.parse(mot)); + cell.setCellStyle(cellStyleHeur); + continue; + + } catch (Exception e) { + + } + + if (!mot.contains(".")) { + if (mot.length() > 8) { + continue; + } + } + + try { + Integer numbre = Integer.valueOf(mot); + cell.setCellValue(numbre); + cell.setCellStyle(cellStyleInt); + continue; + + } catch (Exception e) { + + } + try { + Float numbre = Float.valueOf(mot); + cell.setCellValue(numbre); + cell.setCellStyle(cellStyleMontant); + continue; + + } catch (Exception e) { + + } + try { + Double numbre = Double.valueOf(mot); + cell.setCellValue(numbre); + cell.setCellStyle(cellStyleMontant); + continue; + + } catch (Exception e) { + + } + } + } + } + + public String getConcatinationOfTitre(String c1, String c2, String c3, String c4, String c5) { + return c1 + c2 + c3 + c4 + c5; + } + + public String getConcatinationOfTitre(String c1, String c2, String c3, String c4, String c5, String c6) { + return c1 + c2 + c3 + c4 + c5 + c6; + } + + public String getConcatinationOfTitre(String c1, String c2, String c3, String c4, String c5, String c6, String c7) { + return c1 + c2 + c3 + c4 + c5 + c6 + c7; + } + + public String getConcatinationOfTitre(String c1, String c2, String c3, String c4, String c5, String c6, String c7, String c8) { + return c1 + c2 + c3 + c4 + c5 + c6 + c7 + c8; + } + + public String getConcatinationOfTitreDate(String c1, String c2, Date c3, Date c4, String c5, String c6) { + return c1 + c2 + formatDate(c3) + " au " + this.formatDate(c4) + c5 + c6; + } + + public String formatDate(Date date) { + SimpleDateFormat simpleDate = new SimpleDateFormat("dd-MM-yyyy"); + return simpleDate.format(date); + } + + public StreamedContent getFileContentDistribution() throws IOException { + db_URL = new UtilGetParametre().getPropertyByKey(UtilGetParametre.TRIZDISTRIBUTION_BD_URL); + return getFileContent(typeContenentZip, createBakFile()); + } + + public StreamedContent getFileContentStock() throws IOException { + db_URL = new UtilGetParametre().getPropertyByKey(UtilGetParametre.TRIZSTOCK_BD_URL); + return getFileContent(typeContenentZip, createBakFile()); + } + + private String createBakFile() { + + String db = db_URL.substring(url.length()); + System.out.println("bdDistribution :" + db); + + String bakFileName = db + "_" + dateTimeFormat(new Date()); + String bakFile = UtilFile.getDirectoryName(dossierSauvegarde) + "/" + bakFileName + ".bak"; + System.out.println("bakFile :" + bakFile); + int processComplete = service.genererBDD(bakFile, db); + System.out.println("processComplete :" + processComplete); + + File file = new File(bakFile); + + if (file.exists()) { + try { + bakFile = createZipFile(bakFile, bakFileName, dossierSauvegarde); + } catch (Exception e) { + + } + } + return bakFile; + } + + public String createZipFile(String bakFile, String bakFileName, String folder_name_origine) throws IOException { + System.out.println("createZipFile"+ bakFile); + SimpleDateFormat dateFormat = new SimpleDateFormat("yyMMddHHmm"); + String fileOutput_name = bakFileName + ".zip"; + + File uploadedDer = new File(UtilFile.getDirectoryName(folder_name_origine)); + if (!uploadedDer.exists()) { + uploadedDer.mkdirs(); + } + File fileOutput = new File(UtilFile.getFilePath(folder_name_origine, fileOutput_name)); + fileOutput.createNewFile(); + + List listeFile_path = new ArrayList<>(); + listeFile_path.add(new File(bakFile)); + + final File firstfile = new File(UtilFile.getDirectoryName(folder_name_origine)); + if (firstfile.exists()) { + ZipUtils zipfl = new ZipUtils(); + try { + zipfl.zipFiles(listeFile_path, firstfile, fileOutput); + } catch (IOException ex) { + Logger.getLogger(UtilContext.class.getName()).log(Level.SEVERE, null, ex); + } + } + System.out.println("fileOutput.getPath():" + fileOutput.getPath()); + return fileOutput.getPath(); + } + + String typeContenentBAK = "application/bak"; + String typeContenentZip = "application/zip"; + public StreamedContent getFileContent(String typeContenent, String pathGet) throws IOException { + + System.out.println("get file content --starts"); + File file = new File(pathGet); + + if (file.exists()) { + System.out.println("File exsits --- " + file); + System.out.println("File name --- " + file.getName()); + byte contents[] = IOUtils.toByteArray(new FileInputStream(file)); + DefaultStreamedContent content = DefaultStreamedContent.builder().name(file.getName()).contentType("application/bak").stream(() -> new ByteArrayInputStream(contents)).build(); + + System.out.println("File content " + content); + + return content; + } else { + System.out.println("File Not exsits --- "); + return null; + } + } + + public boolean backupDB(String path) { + Process runtimeProcess; + try { + runtimeProcess = Runtime.getRuntime().exec("cmd /c " + path); + int processComplete = runtimeProcess.waitFor(); + + if (processComplete == 0) { + System.out.println("Backup created successfully"); + return true; + } else { + System.out.println("Could not create the backup"); + } + } catch (Exception ex) { + ex.printStackTrace(); + } + + return false; + } + + private String pathBat() { + + String db = db_URL.substring(url.length()); + System.out.println("bdDistribution :" + db); + String bakFile = UtilFile.getDirectoryName(dossierSauvegarde) + "/" + db + "_" + dateTimeFormat(new Date()) + ".bak"; + System.out.println("bakFile :" + bakFile); + String path = "osql.exe -E -Q \"BACKUP DATABASE " + db + " TO DISK='" + bakFile + "' WITH FORMAT\""; + System.out.println("path :" + path); + boolean isBackup = backupDB(path); + + System.out.println("BackupStatus :" + isBackup); + if (!isBackup) { + return null; + } + return bakFile; + } + + private String dateTimeFormat(Date date) { + SimpleDateFormat simpleDate = new SimpleDateFormat("dd-MM-yyyy_HH_mm_ss"); + return simpleDate.format(date); + } + + public String getNomEtablissementFromProperties() { + if (UtilGetParametre.TRIZDISTRIBUTION_ETABLISSEMENT_NOM != null) { + return UtilGetParametre.TRIZDISTRIBUTION_ETABLISSEMENT_NOM; + } + return ""; + } + + public void saveNewManipulation(String nomTable, String idLigne, String typeManipulation, Date date, Date heur, ServiceUser user, Double oldValour, Double newValeur) { + historiqueManipulation = new ServiceHistoriqueManipulation(); + historiqueManipulation.setFkManipulateur(user); + historiqueManipulation.setIdLigne(idLigne); + historiqueManipulation.setNomTable(nomTable); + historiqueManipulation.setTypeManipumation(typeManipulation); + historiqueManipulation.setOldValeur(oldValour.floatValue()); + historiqueManipulation.setNewValeur(newValeur.floatValue()); + historiqueManipulation.setDateManipulation(new Date()); + historiqueManipulation.setHeurManipulation(new Date()); + service.save(historiqueManipulation); + } + + public String formatAnneeForCodage(Date date) { + SimpleDateFormat simpleDate = new SimpleDateFormat("yy"); + return simpleDate.format(date); + } + + public boolean isOnLigneUser() { + ServiceUser user = getCurrentUser(); + return false; + } + + public Etablissement getCurrentEtablissement() { + System.out.println("UtilURLStock.getStock_CODE_SYSTEM() " + UtilURL.getStock_CODE_SYSTEM()); + Etablissement etablissemnt = service.getEtablissementById(UtilURL.getStock_CODE_SYSTEM()); + if (etablissemnt != null) { + return etablissemnt; + } + return null; + } + + public AnneeFiscale getCurrentAnneeFiscal() { + System.out.println("UtilURLStock.getStock_CODE_SYSTEM() " + UtilURL.getStock_CODE_SYSTEM()); + AnneeFiscale annee = service.getAnneFiscalByEtablissementByActif(getCurrentEtablissement()); + if (annee != null) { + return annee; + } + return null; + } + + public boolean canChangeEtablissement() { + ServiceUser user = getCurrentUser(); + List listeEtablissement = service.getAllStockEtablissementFromUsersEtablissementByUser(user); + if (listeEtablissement != null) { + if (!listeEtablissement.isEmpty()) { + if (listeEtablissement.size() > 1) { + return true; + } + return false; + } + return false; + } + + return false; + } +} diff --git a/src/main/java/com/triz/util/UtilControleAccess.java b/src/main/java/com/triz/util/UtilControleAccess.java new file mode 100644 index 0000000..05d2c8d --- /dev/null +++ b/src/main/java/com/triz/util/UtilControleAccess.java @@ -0,0 +1,184 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package com.triz.util; + +import com.triz.trizservice.modeles.ServiceFonctiongroupe; +import com.triz.trizservice.modeles.ServiceFonctionnaliter; +import com.triz.trizservice.modeles.ServiceMember; +import com.triz.trizservice.modeles.ServiceUser; +import com.triz.trizservice.service.TransactionService; +import java.util.ArrayList; +import java.util.List; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.context.annotation.Scope; +import org.springframework.security.core.context.SecurityContextHolder; +import org.springframework.stereotype.Component; + +/** + * + * @author HP + */ +@Component("utilControleAccess") +@Scope("view") +public class UtilControleAccess { + + private String titre; + private String userLabel; + private ServiceUser userSelect; + private List allFonctionByUser; + List listMemberShip; + + @Autowired + public UtilContext context; + + @Autowired + private TransactionService service; + + public ServiceUser getCurrentUser() { + + ServiceUser user = (ServiceUser) SecurityContextHolder.getContext().getAuthentication().getPrincipal(); + if (user != null) { + return service.getUserById(user.getUserid()); + } + return null; + } + + public String getUserLabel() { + if (userSelect == null) { + userSelect = context.getCurrentUser(); + } + if (userSelect != null) { + userLabel = userSelect.getPrenom() + " " + userSelect.getNom(); + } else { + userLabel = null; + } + return userLabel; + } + + public void permission() { + if (userSelect == null) { + userSelect = context.getCurrentUser(); + } + if (userSelect != null) { + userLabel = userSelect.getPrenom() + " " + userSelect.getNom(); + } + + } + + public boolean isshowPrivilegeAdd(String fonction1) { + if (userSelect == null) { + userSelect = context.getCurrentUser(); + } + ServiceFonctiongroupe helpingFonctionGroupe = new ServiceFonctiongroupe(); + List list = new ArrayList<>(); + listMemberShip = service.getAllMemberShipByUser(userSelect); + + for (ServiceMember member : listMemberShip) { + helpingFonctionGroupe = service.getFonctionGroupByFonctionIdAndGoupe(fonction1, member.getFkGroupe()); + if (helpingFonctionGroupe != null) { + list.add(helpingFonctionGroupe.getCanCreate()); + } + } + + if (!list.isEmpty()) { + if (list.contains("true")) { + return true; + } else { + return false; + } + } + + return false; + } + + public boolean isshowPrivilegeRemove(String fonction1) { + + if (userSelect == null) { + userSelect = context.getCurrentUser(); + } + ServiceFonctiongroupe helpingFonctionGroupe = new ServiceFonctiongroupe(); + List list = new ArrayList<>(); + listMemberShip = service.getAllMemberShipByUser(userSelect); + + for (ServiceMember member : listMemberShip) { + helpingFonctionGroupe = service.getFonctionGroupByFonctionIdAndGoupe(fonction1, member.getFkGroupe()); + if (helpingFonctionGroupe != null) { + list.add(helpingFonctionGroupe.getCanDelete()); + } + } + + if (!list.isEmpty()) { + if (list.contains("true")) { + return true; + } else { + return false; + } + } + + return false; + } + + public boolean isshowPrivilegeUpdate(String fonction1) { + System.out.println(" isshowPrivilegeUpdate(String fonction1): " + fonction1); + if (userSelect == null) { + userSelect = context.getCurrentUser(); + } + + ServiceFonctiongroupe helpingFonctionGroupe = new ServiceFonctiongroupe(); + List list = new ArrayList<>(); + if (listMemberShip == null) { + listMemberShip = service.getAllMemberShipByUser(userSelect); + } + + for (ServiceMember member : listMemberShip) { + helpingFonctionGroupe = service.getFonctionGroupByFonctionIdAndGoupe(fonction1, member.getFkGroupe()); + if (helpingFonctionGroupe != null) { + list.add(helpingFonctionGroupe.getCanUpdate()); + System.out.println("helpingFonctionGroupe.getCanUpdate() : " + helpingFonctionGroupe.getCanUpdate()); + } + } + System.out.println("helpingFonctionGroupe: " + helpingFonctionGroupe); + System.out.println("list: " + list); + if (!list.isEmpty()) { + if (list.contains("true")) { + return true; + } else { + return false; + } + } + return false; + } + + public boolean isshow1(String fonction1) { + System.out.println(" isshowPrivilegeUpdate(String fonction1): " + fonction1); + if (userSelect == null) { + userSelect = context.getCurrentUser(); + } + + ServiceFonctiongroupe helpingFonctionGroupe = new ServiceFonctiongroupe(); + List list = new ArrayList<>(); + if (listMemberShip == null) { + listMemberShip = service.getAllMemberShipByUser(userSelect); + } + + for (ServiceMember member : listMemberShip) { + helpingFonctionGroupe = service.getFonctionGroupByFonctionIdAndGoupe(fonction1, member.getFkGroupe()); + if (helpingFonctionGroupe != null) { + list.add("true"); + System.out.println("helpingFonctionGroupe.getCanUpdate() : " + helpingFonctionGroupe.getCanUpdate()); + } + } + System.out.println("helpingFonctionGroupe: " + helpingFonctionGroupe); + System.out.println("list: " + list); + if (!list.isEmpty()) { + if (list.contains("true")) { + return true; + } else { + return false; + } + } + return false; + } +} diff --git a/src/main/java/com/triz/util/UtilExcel.java b/src/main/java/com/triz/util/UtilExcel.java new file mode 100644 index 0000000..ca49879 --- /dev/null +++ b/src/main/java/com/triz/util/UtilExcel.java @@ -0,0 +1,59 @@ +/* + * To change this license header, choose License Headers in Project Properties. + * To change this template file, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.util; + +import org.apache.poi.ss.usermodel.Cell; +import org.apache.poi.ss.usermodel.CellStyle; +import org.apache.poi.ss.usermodel.Workbook; +import org.apache.poi.xssf.usermodel.XSSFCell; +import org.apache.poi.xssf.usermodel.XSSFCellStyle; +import org.apache.poi.xssf.usermodel.XSSFRow; +import org.apache.poi.xssf.usermodel.XSSFSheet; +import org.apache.poi.xssf.usermodel.XSSFWorkbook; +import org.springframework.stereotype.Service; + +/** + * + * @author amtou + */ +@Service() +public class UtilExcel { + public void miseEnForm(Object document) { + System.out.println("miseEnForm"); + XSSFWorkbook workbook = (XSSFWorkbook) document; + XSSFSheet sheet = workbook.getSheetAt(0); +// CellStyle totalCellStyle = workbook.createCellStyle(); +// +// totalCellStyle.setDataFormat(workbook.createDataFormat().getFormat("#,##0.00")); +// +// Cell currentCell = workbook.getSheetAt(0).getRow(0).getCell(0); +// +// +// currentCell.setCellValue(Double.parseDouble(currentCell.getStringCellValue())); +// currentCell.setCellStyle(defaultCellStyle); + + + int ligne=0; + while(true){ + XSSFRow row = sheet.getRow(ligne); + + System.out.println("ligne :"+ligne+" ; Row :"+row); + ligne++; + if(row==null){ + break; + } + int colon = 0; + while(true){ + XSSFCell cell = row.getCell(colon); + System.out.println("ligne :"+ligne+"; colon :"+colon+" ; Cell :"+cell); + if(cell==null){ + break; + } + } + } + + } +} diff --git a/src/main/java/com/triz/util/UtilFile.java b/src/main/java/com/triz/util/UtilFile.java new file mode 100644 index 0000000..c23eff0 --- /dev/null +++ b/src/main/java/com/triz/util/UtilFile.java @@ -0,0 +1,272 @@ +/* + * To change this license header, choose License Headers in Project Properties. + * To change this template file, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.util; + +import java.awt.Color; +import java.awt.geom.AffineTransform; +import java.awt.image.AffineTransformOp; +import java.awt.image.BufferedImage; +import java.io.File; +import java.io.IOException; +import java.net.URI; +import java.net.URISyntaxException; +import javax.faces.FacesException; +import javax.faces.context.ExternalContext; +import javax.faces.context.FacesContext; +import javax.imageio.ImageIO; +import javax.servlet.http.HttpServletRequest; +import org.springframework.stereotype.Service; + +/** + * + * @author abder_000 + */ +@Service() +public class UtilFile { + + public String getVirtualFileUrl(String dossier, String id) { + System.out.println(" TestOf Access : "+id); + if (id != null) { + if (!(id.endsWith(".png") | id.endsWith(".PNG") | id.endsWith(".jpg") | id.endsWith(".JPG") | id.endsWith(".jpeg") | id.endsWith(".JPEG") | id.endsWith(".jfif") | id.endsWith(".JFIF"))) { + id = id + ".png"; + } + } + String imageBaseUrl = getImageApplicationUri(); + String url = imageBaseUrl + "/." + dossier + "/" + id; + System.out.println(" TestOf Access2 : "+url); + return url; + + } + + public String getVirtualFileUrlDoc(String dossier, String id) { + String racine = new UtilGetParametre().getPropertyByKey(UtilGetParametre.TRIZDISTRIBUTION_DOSSIER_CHEMAIN); + String imageBaseUrl = getImageApplicationUri(); + //String homeBaseDirectory = getDirectoryName(); + //System.out.println("getVirtualFileUrl :"+imageBaseUrl+"/.trizDistribution" + "/." + dossier + "/" + id); +// String url = imageBaseUrl + "/.trizDistribution" + "/." + dossier + "/" + id; + String url = imageBaseUrl + "/." + dossier + "/" + id; + System.out.println("TestOfLink : "+ url); + return url; + + } + + + public String getVirtualFileUrl(String dossier, String repertoire, String id) { + String imageBaseUrl = getImageApplicationUri(); + //String homeBaseDirectory = getDirectoryName(); + //System.out.println("getVirtualFileUrl :"+imageBaseUrl+"/.trizDistribution" + "/." + dossier + "/" + id); +// String url = imageBaseUrl + "/.trizDistribution" + "/." + dossier + "/" + repertoire + "/" + id; + String url = imageBaseUrl + "/." + dossier + "/" + repertoire + "/" + id; + return url; + } + + public static String getDirectoryHome() { + String racine = new UtilGetParametre().getPropertyByKey(UtilGetParametre.TRIZDISTRIBUTION_DOSSIER_CHEMAIN); + if (racine == null) { + racine = System.getProperty("user.home"); + } + File file = new File(racine + File.separator + ".trizDistribution" ); + + //System.err.println("file :" + file.getPath()); + file.mkdirs(); + + return racine + File.separator + ".trizDistribution"; + + } + + public static String getDirectoryName(String dossier) { + String racine = new UtilGetParametre().getPropertyByKey(UtilGetParametre.TRIZDISTRIBUTION_DOSSIER_CHEMAIN); + if (racine == null) { + racine = System.getProperty("user.home"); + } + File file = new File(racine + File.separator + ".trizDistribution" + File.separator + "." + dossier); + + //System.err.println("file :" + file.getPath()); + file.mkdirs(); + + return racine + File.separator + ".trizDistribution" + File.separator + "." + dossier; + + } + + public static String getDirectoryMobileName(String dossier, String racine) { + //String racine = new UtilGetParametre().getPropertyByKey(UtilGetParametre.TRIZDISTRIBUTION_DOSSIER_MOBILE_CHEMAIN); + + return racine + "/" + ".trizDistribution" + "/" + "." + dossier /*+ "/"*/; + + } + + public static String getDirectoryMobileNameWithPath(String dossier) { + String racine = new UtilGetParametre().getPropertyByKey(UtilGetParametre.TRIZDISTRIBUTION_DOSSIER_MOBILE_CHEMAIN); + + return /*racine + "/" +*/ ".trizDistribution" + "/" + "." + dossier /*+ "/"*/; + + } + + public static String compressionImageJPG(String chemain) { +// System.out.println("compressionImageJPG :"+ chemain); + String newChemain = chemain; + if (chemain == null) { + return null; + } + if (!(chemain.endsWith(".jpg") | chemain.endsWith(".JPG") | chemain.endsWith(".jpeg") | chemain.endsWith(".JPEG") | chemain.endsWith(".png") | chemain.endsWith(".PNG") | chemain.endsWith(".jfif") | chemain.endsWith(".JFIF"))) { + return null; + } + if (chemain.endsWith(".png") | chemain.endsWith(".PNG")) { + BufferedImage bufferedImage; + newChemain = chemain.substring(0, chemain.length()-4) + "_conv.jpg"; + try { + + //read image file + bufferedImage = ImageIO.read(new File(chemain)); + + // create a blank, RGB, same width and height, and a white background + BufferedImage newBufferedImage = new BufferedImage(bufferedImage.getWidth(), + bufferedImage.getHeight(), BufferedImage.TYPE_INT_RGB); + newBufferedImage.createGraphics().drawImage(bufferedImage, 0, 0, Color.WHITE, null); + + // write to jpeg file + ImageIO.write(newBufferedImage, "jpg", new File(newChemain)); + chemain = newChemain; + newChemain = chemain + ".jpg"; + System.out.println("Done"); + + } catch (IOException e) { + + e.printStackTrace(); + + } + } + File imageFile = new File(chemain); + newChemain = chemain.substring(0, chemain.length()-(imageFile.getName().length()))+ "red_" + imageFile.getName(); + File compressedImageFile = new File(newChemain); + String file_reselt = imageFile.getName(); + int max = 0; + float reduction = 1; + try { + BufferedImage bi = ImageIO.read(imageFile); + System.out.println("Traitement de : " + chemain); + max = bi.getWidth(); + + System.out.println("max de : " + max); + if (bi.getHeight() > max) { + max = bi.getHeight(); + } + System.out.println("max de : " + max); + + if (max > 300) { + System.out.println("reduction "); + reduction = (float) 2000 / max; + + int width = (int) (bi.getWidth() * reduction); + int height = (int) (bi.getHeight() * reduction); + System.out.println("width de : " + bi.getWidth()); + System.out.println("height de : " + bi.getHeight()); + + System.out.println("width de : " + width); + System.out.println("height de : " + height); + System.out.println("reduction de : " + reduction); + BufferedImage biNew = new BufferedImage(width, height, bi.getType()); + AffineTransform tx = new AffineTransform(); + tx.scale(reduction, reduction); +// tx.setToRotation(0); + AffineTransformOp op = new AffineTransformOp(tx, + AffineTransformOp.TYPE_BILINEAR); + bi = op.filter(bi, biNew); + ImageIO.write(bi, "JPG", compressedImageFile); + System.out.println("saving de : " + newChemain); + file_reselt = compressedImageFile.getName(); + } + } catch (Exception e) { + System.out.println("ERROR -- le fichier" + chemain + " n'est pas une image"); + e.printStackTrace(); + } + return file_reselt; +// return chemain; + } + // CREATE A MATRIX FOR THE MANIPULATION +//Matrix matrix = new Matrix(); +//// RESIZE THE BIT MAP +//matrix.postScale(reduction, reduction); +// +//ExifInterface exif = null; +//try { +// exif = new ExifInterface(new File(chemain).getAbsolutePath()); +// int orientation = exif.getAttributeInt(ExifInterface.TAG_ORIENTATION, 1); +// Log.e("ppp", "Exif: " + orientation); +// +// +// if (orientation == 6) { +// matrix.postRotate(90); +// } else if (orientation == 3) { +// matrix.postRotate(180); +// } else if (orientation == 8) { +// matrix.postRotate(270); +// } +// +// +//} catch (IOException e) { +// Log.e("ppp", " exif no file:"); +// e.printStackTrace(); +//} + + public static String getFilePath(String dossier, String fileName) { + + //System.out.println("---------------new file path call-----------"); + String filePath = getDirectoryName(dossier) + File.separator + fileName; + + //System.out.println("storing files in dicrecoty :"+filePath); + return filePath; + } + + public static String getFilePath(String dossier, String repertoir, String fileName) { + + //System.out.println("---------------new file path call-----------"); + String filePath = getDirectoryName(dossier) + File.separator + repertoir + File.separator + fileName; + + //System.out.println("storing files in dicrecoty :"+filePath); + return filePath; + } + + public String getImageApplicationUri() { + try { + + FacesContext ctxt = FacesContext.getCurrentInstance(); + ExternalContext ext = ctxt.getExternalContext(); + URI uri = new URI(ext.getRequestScheme(), + null, ext.getRequestServerName(), ext.getRequestServerPort(), + "/images", null, null); + return uri.toASCIIString(); + + } catch (URISyntaxException e) { + throw new FacesException(e); + } + } + + public static String getDirectory() { + String racine = new UtilGetParametre().getPropertyByKey(UtilGetParametre.TRIZDISTRIBUTION_DOSSIER_CHEMAIN); + if (racine == null) { + racine = System.getProperty("user.home"); + } + File file = new File(racine + File.separator + ".trizDistribution" ); + + //System.err.println("file :" + file.getPath()); + file.mkdirs(); + + return racine + File.separator + ".trizDistribution" ; + + } + + public static String getURLPath(String ip){ + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + ip = ip+ ":"+request.getLocalPort()+request.getContextPath(); + System.out.println("getURLPath:"+ip); + return ip; + } + + + +} diff --git a/src/main/java/com/triz/util/UtilGMap.java b/src/main/java/com/triz/util/UtilGMap.java new file mode 100644 index 0000000..9a86564 --- /dev/null +++ b/src/main/java/com/triz/util/UtilGMap.java @@ -0,0 +1,84 @@ +/* + * To change this license header, choose License Headers in Project Properties. + * To change this template file, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.util; + +import com.triz.trizservice.service.TransactionService; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.stereotype.Service; + +/** + * + * @author abderrahim.TOUAIBIA + */ +@Service() +public class UtilGMap { + + @Autowired + private TransactionService service; + + private Double centreLatitude= 36.481610506719534; + private Double centreLangitude= 2.8055021166801453; + private int zoom = 11; + + public static String[] colorLine = new String []{"RGB(192,31,31)" + ,"RGB(192,116,31)" + ,"RGB(92,100,31)" + ,"RGB(192,150,31)" + ,"RGB(192,180,31)" + ,"RGB(192,200,31)" + ,"RGB(192,200,200)" + ,"RGB(192,74,200)" + ,"RGB(96,113,226)" + ,"RGB(168,69,226)" + ,"RGB(226,70,226)" + ,"RGB(192,180,200)" + ,"RGB(192,100,31)" + ,"RGB(192,180,200)" + ,"RGB(92,100,31)" + }; + + public static String[] color = new String []{"http://maps.google.com/mapfiles/ms/micons/blue-dot.png","http://maps.google.com/mapfiles/ms/micons/blue.png" + ,"http://maps.google.com/mapfiles/ms/micons/green-dot.png","http://maps.google.com/mapfiles/ms/micons/green.png" + ,"http://maps.google.com/mapfiles/ms/micons/ltblue-dot.png","http://maps.google.com/mapfiles/ms/micons/lightblue.png" + ,"http://maps.google.com/mapfiles/ms/micons/red-dot.png","http://maps.google.com/mapfiles/ms/micons/red.png" + ,"http://maps.google.com/mapfiles/ms/micons/pink-dot.png","http://maps.google.com/mapfiles/ms/micons/pink.png" + ,"http://maps.google.com/mapfiles/ms/micons/yellow-dot.png","http://maps.google.com/mapfiles/ms/micons/yellow.png" + ,"http://maps.google.com/mapfiles/ms/micons/purple-dot.png","http://maps.google.com/mapfiles/ms/micons/purple.png" + ,"http://maps.google.com/mapfiles/ms/micons/orange-dot.png","http://maps.google.com/mapfiles/ms/micons/orange.png" + ,"http:// google.com/mapfiles/kml/paddle/wht-diamond.png","http:// google.com/mapfiles/kml/paddle/wht-square.png","http:// google.com/mapfiles/kml/paddle/wht-stars.png" + ,"http:// google.com/mapfiles/kml/paddle/blu-diamond.png","http:// google.com/mapfiles/kml/paddle/blu-square.png","http:// google.com/mapfiles/kml/paddle/blu-stars.png" + ,"http:// google.com/mapfiles/kml/paddle/grn-diamond.png","http:// google.com/mapfiles/kml/paddle/grn-square.png","http:// google.com/mapfiles/kml/paddle/grn-stars.png" + ,"http:// google.com/mapfiles/kml/paddle/red-diamond.png","http:// google.com/mapfiles/kml/paddle/red-square.png","http:// google.com/mapfiles/kml/paddle/red-stars.png" + ,"http:// google.com/mapfiles/kml/paddle/purple-diamond.png","http:// google.com/mapfiles/kml/paddle/purple-square.png","http:// google.com/mapfiles/kml/paddle/purple-stars.png" + ,"http:// google.com/mapfiles/kml/paddle/pink-diamond.png","http:// google.com/mapfiles/kml/paddle/pink-square.png","http:// google.com/mapfiles/kml/paddle/pink-stars.png" + }; + public static String[] color_icon = new String []{"icons8-truck-50_bleu.png","icons8-truck-50_green.png" + ,"icons8-truck-50_jaune_1.png","icons8-truck-50_gris.png" + ,"icons8-truck-50_marron.png","icons8-truck-50_noir.png" + ,"icons8-truck-50_orenge.png","icons8-truck-50_red.png" + ,"icons8-truck-50_jaune_viole_2.png","icons8-truck-50_jeune.png" + ,"icons8-truck-50_rose.png","icons8-truck-50_viole.png" + ,"icons8-truck-50_viole_1.png","icons8-truck-50_vert.png" + }; + + public void setCentreLatitude(Double centreLatitude) { + this.centreLatitude = centreLatitude; + } + + public void setCentreLangitude(Double centreLangitude) { + this.centreLangitude = centreLangitude; + } + + public int getZoom() { + return zoom; + } + + public void setZoom(int zoom) { + this.zoom = zoom; + } + + +} diff --git a/src/main/java/com/triz/util/UtilGetParametre.java b/src/main/java/com/triz/util/UtilGetParametre.java new file mode 100644 index 0000000..ea5a8d2 --- /dev/null +++ b/src/main/java/com/triz/util/UtilGetParametre.java @@ -0,0 +1,185 @@ +package com.triz.util; + +import com.triz.trizservice.service.TransactionService; +import java.io.File; +import java.io.FileInputStream; +import java.io.FileNotFoundException; +import java.io.IOException; +import java.io.InputStream; +import java.io.InputStreamReader; +import java.net.URISyntaxException; +import java.net.URL; +import java.sql.Connection; +import java.sql.DriverManager; +import java.sql.SQLException; +import java.util.HashMap; +import java.util.Map; +import java.util.Properties; +import javax.faces.context.FacesContext; +import javax.servlet.http.HttpServletRequest; +import javax.servlet.http.HttpSession; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.stereotype.Service; + +@Service +public class UtilGetParametre { + + public static String TRIZSTOCK_BD_URL = "trizstock.jdbc.url"; + public static String TRIZSTOCK_BD_USER = "trizstock.jdbc.user"; + public static String TRIZSTOCK_BD_PASSWORD = "trizstock.jdbc.password"; + public static String TRIZSTOCK_BD_DRIVER = "trizstock.jdbc.driver"; + public static String TRIZDISTRIBUTION_ID = "trizdistribution.id"; + public static String TRIZSTOCK_USE = "trizstock.use"; + public static String TRIZSTOCK_MAITRE = "trizstock.maitre"; + public static String TRIZSTOCK_MAITRE_PORT = "trizstock.maitre.port"; + public static String TRIZDISTRIBUTION_USE = "trizdistribution.use"; + public static String TRIZDISTRIBUTION_BD_URL = "jdbc.url"; + public static String TRIZDISTRIBUTION_BD_USER = "jdbc.user"; + public static String TRIZDISTRIBUTION_BD_PASSWORD = "jdbc.password"; + public static String TRIZDISTRIBUTION_BD_DRIVER = "jdbc.driver"; + public static String TRIZDISTRIBUTION_SERVEUR_ADRESSEIP = "trizdistribution.serveur.adresseip"; + public static String TRIZDISTRIBUTION_SERVEUR_PORT = "trizdistribution.serveur.port"; + public static String TRIZDISTRIBUTION_ETABLISSEMENT_NOM = "trizdistribution.etablissement.nom"; + public static String TRIZDISTRIBUTION_MOBILE_PORT = "trizdistribution.mobile.port"; + public static String TRIZDISTRIBUTION_MOBILE_PORT_MAG = "trizdistribution.mobile.portmag"; + public static String TRIZDISTRIBUTION_MULTI_ETABLISSEMENT_PORT = "trizdistribution.multiEtablissement.port"; + public static String TRIZDISTRIBUTION_DOSSIER_CHEMAIN = "trizdistribution.dossier.chemain"; + public static String TRIZDISTRIBUTION_DOSSIER_MOBILE_CHEMAIN = "trizdistribution.dossier.chemain.mobile"; + public static String TRIZDISTRIBUTION_CODE_ETABLISSEMENT = "trizdistribution.code.etablissement"; + public static String TRIZDISTRIBUTION_ADRESSE_WEB = "trizdistribution.adresse.web"; + public static String TB_USE = "tb.use"; + + private static Map map = new HashMap(); + + //public static String idEtablissement; + + @Autowired + private TransactionService service; + + @Autowired + public UtilContext context; + + + public UtilGetParametre() { + getProperties(); + } + + public Map getProperties() { + if (!map.isEmpty()) { + return map; + } + Properties propertiesFile = new Properties(); + URL r = this.getClass().getResource("/"); + try { + + System.err.println(r.toURI()); + InputStream inputStream = new FileInputStream(new File(r.toURI()) + File.separator + "database.properties"); + propertiesFile.load(new InputStreamReader(inputStream)); + } catch (FileNotFoundException e) { + e.printStackTrace(); + } catch (URISyntaxException | IOException e) { + e.printStackTrace(); + } + + System.out.println(TRIZDISTRIBUTION_BD_URL + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_BD_URL)); + System.out.println(TRIZDISTRIBUTION_BD_USER + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_BD_USER)); + System.out.println(TRIZDISTRIBUTION_BD_PASSWORD + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_BD_PASSWORD)); + System.out.println(TRIZDISTRIBUTION_BD_DRIVER + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_BD_DRIVER)); + System.out.println(TRIZDISTRIBUTION_SERVEUR_ADRESSEIP + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_SERVEUR_ADRESSEIP)); + System.out.println(TRIZDISTRIBUTION_SERVEUR_PORT + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_SERVEUR_PORT)); + System.out.println(TRIZDISTRIBUTION_ETABLISSEMENT_NOM + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_ETABLISSEMENT_NOM)); + System.out.println(TRIZDISTRIBUTION_MOBILE_PORT_MAG + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_MOBILE_PORT_MAG)); + System.out.println(TRIZDISTRIBUTION_MOBILE_PORT + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_MOBILE_PORT)); + System.out.println(TRIZDISTRIBUTION_MULTI_ETABLISSEMENT_PORT + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_MULTI_ETABLISSEMENT_PORT)); + System.out.println(TRIZDISTRIBUTION_DOSSIER_MOBILE_CHEMAIN + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_DOSSIER_MOBILE_CHEMAIN)); + System.out.println(TRIZDISTRIBUTION_DOSSIER_CHEMAIN + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_DOSSIER_CHEMAIN)); + System.out.println(TRIZDISTRIBUTION_CODE_ETABLISSEMENT + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_CODE_ETABLISSEMENT)); + System.out.println(TRIZDISTRIBUTION_ADRESSE_WEB + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_ADRESSE_WEB)); + System.out.println(TRIZDISTRIBUTION_ID + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_ID)); + System.out.println(TRIZDISTRIBUTION_USE + " :" + propertiesFile.getProperty(TRIZDISTRIBUTION_USE)); + System.out.println(TRIZSTOCK_BD_PASSWORD + " :" + propertiesFile.getProperty(TRIZSTOCK_BD_PASSWORD)); + System.out.println(TRIZSTOCK_BD_DRIVER + " :" + propertiesFile.getProperty(TRIZSTOCK_BD_DRIVER)); + System.out.println(TRIZSTOCK_BD_URL + " :" + propertiesFile.getProperty(TRIZSTOCK_BD_URL)); + System.out.println(TRIZSTOCK_BD_USER + " :" + propertiesFile.getProperty(TRIZSTOCK_BD_USER)); + System.out.println(TRIZSTOCK_USE + " :" + propertiesFile.getProperty(TRIZSTOCK_USE)); + System.out.println(TRIZSTOCK_MAITRE + " :" + propertiesFile.getProperty(TRIZSTOCK_MAITRE)); + System.out.println(TRIZSTOCK_MAITRE_PORT + " :" + propertiesFile.getProperty(TRIZSTOCK_MAITRE_PORT)); + + map.put(TRIZDISTRIBUTION_BD_URL, propertiesFile.getProperty(TRIZDISTRIBUTION_BD_URL)); + map.put(TRIZDISTRIBUTION_BD_USER, propertiesFile.getProperty(TRIZDISTRIBUTION_BD_USER)); + map.put(TRIZDISTRIBUTION_BD_PASSWORD, propertiesFile.getProperty(TRIZDISTRIBUTION_BD_PASSWORD)); + map.put(TRIZDISTRIBUTION_BD_DRIVER, propertiesFile.getProperty(TRIZDISTRIBUTION_BD_DRIVER)); + map.put(TRIZDISTRIBUTION_SERVEUR_ADRESSEIP, propertiesFile.getProperty(TRIZDISTRIBUTION_SERVEUR_ADRESSEIP)); + map.put(TRIZDISTRIBUTION_SERVEUR_PORT, propertiesFile.getProperty(TRIZDISTRIBUTION_SERVEUR_PORT)); + map.put(TRIZDISTRIBUTION_ETABLISSEMENT_NOM, propertiesFile.getProperty(TRIZDISTRIBUTION_ETABLISSEMENT_NOM)); + map.put(TRIZDISTRIBUTION_MOBILE_PORT, propertiesFile.getProperty(TRIZDISTRIBUTION_MOBILE_PORT)); + map.put(TRIZDISTRIBUTION_MOBILE_PORT_MAG, propertiesFile.getProperty(TRIZDISTRIBUTION_MOBILE_PORT_MAG)); + map.put(TRIZDISTRIBUTION_MULTI_ETABLISSEMENT_PORT, propertiesFile.getProperty(TRIZDISTRIBUTION_MULTI_ETABLISSEMENT_PORT)); + map.put(TRIZDISTRIBUTION_DOSSIER_CHEMAIN, propertiesFile.getProperty(TRIZDISTRIBUTION_DOSSIER_CHEMAIN)); + map.put(TRIZDISTRIBUTION_DOSSIER_MOBILE_CHEMAIN, propertiesFile.getProperty(TRIZDISTRIBUTION_DOSSIER_MOBILE_CHEMAIN)); + map.put(TRIZDISTRIBUTION_CODE_ETABLISSEMENT, propertiesFile.getProperty(TRIZDISTRIBUTION_CODE_ETABLISSEMENT)); + map.put(TRIZDISTRIBUTION_ADRESSE_WEB, propertiesFile.getProperty(TRIZDISTRIBUTION_ADRESSE_WEB)); + map.put(TRIZDISTRIBUTION_ID, propertiesFile.getProperty(TRIZDISTRIBUTION_ID)); + map.put(TRIZDISTRIBUTION_USE, propertiesFile.getProperty(TRIZDISTRIBUTION_USE)); + map.put(TRIZSTOCK_BD_PASSWORD, propertiesFile.getProperty(TRIZSTOCK_BD_PASSWORD)); + map.put(TRIZSTOCK_BD_DRIVER, propertiesFile.getProperty(TRIZSTOCK_BD_DRIVER)); + map.put(TRIZSTOCK_BD_URL, propertiesFile.getProperty(TRIZSTOCK_BD_URL)); + map.put(TRIZSTOCK_BD_USER, propertiesFile.getProperty(TRIZSTOCK_BD_USER)); + map.put(TRIZSTOCK_USE, propertiesFile.getProperty(TRIZSTOCK_USE)); + map.put(TRIZSTOCK_MAITRE, propertiesFile.getProperty(TRIZSTOCK_MAITRE)); + map.put(TRIZSTOCK_MAITRE_PORT, propertiesFile.getProperty(TRIZSTOCK_MAITRE_PORT)); + map.put(TB_USE, propertiesFile.getProperty(TB_USE)); + + return map; + } + + public String getPropertyByKey(String key) { + if (map.containsKey(key)) { + return map.get(key); + } + return null; + } + + public Connection getConnection() throws SQLException { + + UtilGetParametre ugp = new UtilGetParametre(); + String url = ugp.getPropertyByKey(UtilGetParametre.TRIZDISTRIBUTION_BD_URL); + String userName = ugp.getPropertyByKey(UtilGetParametre.TRIZDISTRIBUTION_BD_USER); + String passWord = ugp.getPropertyByKey(UtilGetParametre.TRIZDISTRIBUTION_BD_PASSWORD); + + return DriverManager.getConnection(url, userName, passWord); + } + + public Connection getConnectionStock() throws SQLException { + + UtilGetParametre ugp = new UtilGetParametre(); + String url = ugp.getPropertyByKey(UtilGetParametre.TRIZSTOCK_BD_URL); + String userName = ugp.getPropertyByKey(UtilGetParametre.TRIZSTOCK_BD_USER); + String passWord = ugp.getPropertyByKey(UtilGetParametre.TRIZSTOCK_BD_PASSWORD); + + return DriverManager.getConnection(url, userName, passWord); + } + + + public static String getIdEtablissement() { + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + if(request!=null){ + HttpSession mySessin = request.getSession(); + + return (String)mySessin.getAttribute("idEtablissementStock"); + } + return null; + } + + public static void setIdEtablissement(String idEtablissement) { + + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + if(request!=null){ + HttpSession mySessin = request.getSession(); + mySessin.setAttribute("idEtablissementStock", idEtablissement); + // UtilGetParametre.idEtablissement = idEtablissement; + } + } +} diff --git a/src/main/java/com/triz/util/UtilString.java b/src/main/java/com/triz/util/UtilString.java new file mode 100644 index 0000000..d35a918 --- /dev/null +++ b/src/main/java/com/triz/util/UtilString.java @@ -0,0 +1,114 @@ +/* + * To change this license header, choose License Headers in Project Properties. + * To change this template file, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.util; + +import java.text.DecimalFormat; + +/** + * + * @author abder_000 + */ +public class UtilString { + + public static String verificationCaractaire(String mot){ + return mot.replace('\'', '`'); + } + + private static String[] uniteEnLetters = new String[]{"", "un", "deux", "trois", "quatre", "cinq", "six", "sept", "huit", "neuf", "dix", "onze", "douze", "treize", "quatorze", "quinze", "seize", "dix-sept", "dix-huit", "dix-neuf"}; + + private static String[] dixEnLetters = new String[]{"", "dix", "vingt", "trente", "quarante", "cinquante", "soixante", "soixante", "quatre-vingt", "quatre-vingt"}; + + private static String[] milleEnLetters = new String[]{"", "mille", "million", "milliard"}; + + private static String centEnLettre(int numbre) { + if (numbre == 0) { + return ""; + } + + String lettre = ""; + + if (numbre < 0) { + lettre = " moin "; + numbre = numbre * (-1); + } + + int cent = numbre / 100; + lettre = " " + uniteEnLetters[cent] + ""; + if (cent > 0) { + if (cent == 1) { + lettre = " cent"; + } + else + lettre = lettre + " cent"; + } + numbre = numbre - cent * 100; + + if (numbre < 20) { + lettre = lettre + " " + uniteEnLetters[numbre]; + return lettre; + } + int dix = numbre / 10; + lettre = lettre + " " + dixEnLetters[dix]; + numbre = numbre - dix * 10; + + if (dix == 7 || dix == 9) { + lettre = lettre + " " + uniteEnLetters[numbre + 10]; + } else { + lettre = lettre + " " + uniteEnLetters[numbre]; + } + return lettre; + } + + public static String num2Letters(double number, String devise) { + + if (number == 0) { + return "zéro " + devise; + } + + String lettre = ""; + + int palier = 1000000000; + int indice = 3; + while (palier > 0) { + Double valD = ((Double) number / palier); + int val= valD.intValue(); + if (val != 0) { + if(val>=1000 & indice==3){ + lettre = lettre + num2Letters(val, milleEnLetters[indice]); + } + else + lettre = lettre + centEnLettre(val) + " " + milleEnLetters[indice]; + } + + number = number - ((double) val * palier); + palier = palier / 1000; + indice = indice - 1; + + } + + if (!lettre.isEmpty()) { + lettre = lettre + " " + devise; + } + if (number > 0) { + DecimalFormat franc = new DecimalFormat("#,##0.00 "); + String numbreMontant = franc.format(number); + + String[] virg2 = numbreMontant.split(","); + //number = number * 100; + String virgule = ""; + if(virg2.length != 0){ + virgule =virg2[virg2.length-1]; + } + if (!lettre.isEmpty()) { + lettre = lettre + " et"; + } + lettre = lettre + " " + virgule + " cts"; + } + + return lettre; + } + +} diff --git a/src/main/java/com/triz/util/UtilTB.java b/src/main/java/com/triz/util/UtilTB.java new file mode 100644 index 0000000..33a11fe --- /dev/null +++ b/src/main/java/com/triz/util/UtilTB.java @@ -0,0 +1,159 @@ +/* + * To change this license header, choose License Headers in Project Properties. + * To change this template file, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.util; + +/** + * + * @author amtou + */ +public class UtilTB { + + public static String[][] listParametreTab = new String [][]{ + + {"prixVente","Prix de vente","valeur","idDetailVente","Double"}, + {"quantite","Quantite vendu","valeur","idDetailVente","Double"}, + {"nbrColis","Nbr colis","valeur","idDetailVente","Double"}, + {"valeurDetail","Valeur detail","valeur","idDetailVente","Double"}, + {"valeurAchatDetail","Valeur achat detail","valeur","idDetailVente","Double"}, + {"margeDetail","Marge detail","valeur","idDetailVente","Double"}, + {"valeurPoid","Poid","valeur","idDetailVente","Double"}, + {"remise","Remise","valeur","idDetailVente","Double"}, + {"valeurRemiseDetail","Valeur remise detail", "valeur","idDetailVente","Double"}, + {"prixReference","Prix achat","valeur","fkProduit","Double"}, + {"colissage","Colissage","valeur","fkProduit","Integer"}, + {"fkParfum","Parfum","class","fkParfum","String"}, + {"fkProduit","Produit","class","fkProduit","String"}, + {"fkSousfamille","Sous Famille","class","fkSousfamille","String"}, + {"fkFamille","Famille","class","fkFamille","String"}, + {"fkMarque","Marque","class","fkMarque","String"}, + {"fkTypeProduit","Type de produit","class","fkTypeProduit","String"}, + {"poidProduit","Poid de produit","valeur","fkTypeProduit","Double"}, + {"idVente","N° vente","valeur","idVente","String"}, + {"dateVente","date","date","idVente","date"}, + {"month","Mois","date","idVente","Integer"}, + {"year","Année","date","idVente","Integer"}, + {"dayOfWeekDistribution","Jour de semaine","date","idVente","String"}, + {"catigorieVente","categorie de vente", "class","catigorieVente","String"}, + {"typePrixVente","Type prix vente","class","typePrixVente","String"}, + {"statusConfirmation","Vente confirmer","String","idVente","String"}, + {"tauxTVA","TVA","valeur","idVente","Double"}, + {"tauxRemise","Remise client","valeur","idVente","Double"}, + {"totalTva","total tva","valeur","idVente","Double"}, + {"remiseProduit","total remise produit","valeur","idVente","Double"}, + {"totalRemise","total remise produit","valeur","idVente","Double"}, + {"timbre","Timbre","valeur","idVente","Double"}, + {"totalHT","Total HT", "valeur","idVente","Double"}, + {"totalTTC","Total TTC","valeur","idVente","Double"}, + {"demandeFacture","demande facture","string","idVente","String"}, + {"typeDonnee","Type de donnée","string","String","String"}, + {"fkTypeTransaction","Type de transaction","class","fkTypeTransaction","String"}, + {"idCamion","Camion","class","idCamion","String"}, + {"fkVendeur","Vendeur","class","idVente","String"}, + {"actif","Produit actif", "string","idVente","String"}, + {"route","Route","class","idClient","String"}, + {"idClient","Client", "class","idClient","String"}, + {"fkCategorieClient","Categorie client", "class","fkCategorieClient","String"}, + {"idTypeActivitie","Type activitie client","class","idTypeActivitie","String"}, + {"codeCommune","Commune","class","codeCommune","String"} , + {"fkWilaya","wilaya","class","fkWilaya","String"}, + {"fkUnite","Unite","class","fkUnite","String"}, + {"idClient","Client","valeur","idClient","String"}, + {"prixChangerDetail","Prix changer detail", "valeur","idDetailVente","Double"}, + {"fkEtablissement","Etablissement","class","fkEtablissement","String"}, + }; + + + public static String[][] listParametreTab_ = new String [][]{ + {"prixVente","Prix de vente","valeur","idDetailVente","Double"}, + {"quantiteVente","Quantite vendu","valeur","idDetailVente","Double"}, + {"nbrColisVendu","Nbr colis vendu","valeur","idDetailVente","Double"}, + {"valeurDetailVente","Valeur detail vente","valeur","idDetailVente","Double"}, + {"valeurAchatDetailVente","Valeur achat detail vente","valeur","idDetailVente","Double"}, + {"margeDetailVente","Marge detail vente","valeur","idDetailVente","Double"}, + {"valeurPoid","Poid vendu","valeur","idDetailVente","Double"}, + {"remiseVente","Remise vente","valeur","idDetailVente","Double"}, + {"valeurRemiseDetail","Valeur remise detail vente", "valeur","idDetailVente","Double"}, + {"prixReference","Prix achat","valeur","fkProduit","Double"}, + {"clissage","Colissage","valeur","fkProduit","Integer"}, + {"fkParfum","Parfum","class","fkParfum","String"}, + {"fkProduit","Produit","class","fkProduit","String"}, + {"fkSousfamille","Sous Famille","class","fkSousfamille","String"}, + {"fkFamille","Famille","class","fkFamille","String"}, + {"fkMarque","Marque","class","fkMarque","String"}, + {"fkTypeProduit","Type de produit","class","fkTypeProduit","String"}, + {"poidProduit","Poid de produit","valeur","fkTypeProduit","Double"}, + {"idVente","N° vente","valeur","idVente","String"}, + {"dateVente","date","date","idVente","date"}, + {"month","Mois","date","idVente","Integer"}, + {"year","Année","date","idVente","Integer"}, + {"dayOfWeekDistribution","Jour de semaine","date","idVente","String"}, + {"catigorieVente","categorie de vente", "class","catigorieVente","String"}, + {"typePrixVente","Type prix vente","class","typePrixVente","String"}, + {"statusConfirmation","Vente confirmer","String","idVente","String"}, + {"tauxTVA","TVA","valeur","idVente","Double"}, + {"tauxRemise","Remise client","valeur","idVente","Double"}, + {"totalTva","total tva","valeur","idVente","Double"}, + {"remiseProduit","total remise produit","valeur","idVente","Double"}, + {"totalRemise","total remise produit","valeur","idVente","Double"}, + {"timbre","Timbre","valeur","idVente","Double"}, + {"totalHT","Total HT", "valeur","idVente","Double"}, + {"totalTTC","Total TTC","valeur","idVente","Double"}, + {"demandeFacture","demande facture","string","idVente","String"}, + {"typeDonnee","Type de vente","String","idVente","String"}, + {"fkTypeTransaction","Type de transaction","class","fkTypeTransaction","String"}, + {"idCamion","Camion","class","idCamion","String"}, + {"fkVendeur","Vendeur","class","idVente","String"}, + {"actif","Produit actif", "string","idVente","String"}, + {"route","Route","class","idClient","String"}, + {"idClient","Client", "class","idClient","String"}, + {"fkCategorieClient","Categorie client", "class","fkCategorieClient","String"}, + {"idTypeActivitie","Type activitie client","class","idTypeActivitie","String"}, + {"codeCommune","Commune","class","codeCommune","String"} , + {"fkWilaya","wilaya","class","fkWilaya","String"} + }; + + + + + public static String[][] listFonctionValTab = new String [][]{ + {"SUM","Somme"}, + {"AVG","Moyenne"}, + {"MIN","Min"}, + {"MAX","Max"}, + {"COUNT","Nombre"} + }; + + public static String[][] listFonctionOtherTab = new String [][]{ + {"COUNT","Nombre"} + }; + + + public static String[][] listFonctionFiltreValTab = new String [][]{ + {"egale","Egale"}, + {"dif","Differenet"}, + {"sup","Sup"}, + {"inf","Inf"}, + {"sup_egale","Sup ou egale"}, + {"inf_egale","Inf ou egale"} + }; + + public static String[][] listMoisTab = new String [][]{ + {"1","Janvier"}, + {"2","Fevrier"}, + {"3","Mars"}, + {"4","Avril"}, + {"5","Mai"}, + {"6","juin"}, + {"7","Juillet"}, + {"8","Aout"}, + {"9","Septembre"}, + {"10","Octobre"}, + {"11","Novembre"}, + {"12","Décembre"} + }; + + +} diff --git a/src/main/java/com/triz/util/UtilURL.java b/src/main/java/com/triz/util/UtilURL.java new file mode 100644 index 0000000..c76472d --- /dev/null +++ b/src/main/java/com/triz/util/UtilURL.java @@ -0,0 +1,244 @@ +/* + * To change this template, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.util; + +import com.triz.trizservice.modeles.ServiceFonctiongroupe; +import com.triz.trizservice.modeles.ServiceFonctionnaliter; +import com.triz.trizservice.service.TransactionService; +import java.io.UnsupportedEncodingException; +import java.net.URLDecoder; +import java.net.URLEncoder; +import java.util.List; +import javax.faces.context.FacesContext; +import javax.servlet.http.HttpServletRequest; +import javax.servlet.http.HttpSession; +import org.slf4j.Logger; +import org.slf4j.LoggerFactory; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.stereotype.Service; + +/** + * + * @author abderrahim.TOUAIBIA + */ +@Service() +public final class UtilURL { + + private static Logger logger = LoggerFactory.getLogger(UtilURL.class); + public static String STOCK_URL_CHEMAIN = "favorites/dashboard.xhtml"; + public static String STOCK_URL_CHEMAIN_TB = "favorites/dashboard.xhtml"; + public static String STOCK_URL_VENTECOMPTOIRE_CHEMAIN = "/view/venteSuperette/list.xhtml"; + public static String DISTRIBUTION_URL = "faces/view/telephone/listActif.xhtml"; + public static String TABLEAU_URL = "favorites/dashboard.xhtml"; + public static String TABLEAU_URLTB = "favorites/dashboard.xhtml"; + public static String STOCK_URL = "favorites/dashboard.xhtml"; + public static String STOCK_URL_TB = "favorites/dashboard.xhtml"; + public static String STOCK_URL_VENTECOMPTOIRE = "faces/view/venteSuperette/list.xhtml"; + public static String DISTRIBUTION_URL_Multi_Etablissement = "faces/view/choixEtablissement/list.xhtml"; + public static String DISTRIBUTION_URL_Caisse = "faces/view/venteSuperette/form.xhtml"; + public static String DISTRIBUTION_ACCES_DENIEDED_URL = "faces/accesDenieded.xhtml"; + public static String DISTRIBUTION_ADMIN_URL = "faces/view/admin/list.xhtml"; + public static String URL_PRODUCTION = "faces/view/production/list.xhtml"; + public static String DISTRIBUTION_URL_CARTE = "favorites/dashboard.xhtml"; + public final static String DISTRIBUTION_CHANGER_MP_Url = "view/profile/changerMotDePasse.xhtml"; + public static String idEntreprise; + private String nomEnreprise; + private static Boolean isTableauDeBord = null; + private static Boolean isProuction = null; + + private List userGroup; + + @Autowired + private TransactionService service; + + @Autowired + public UtilContext context; + + public boolean showDash(String groupVisibility) { + + if (groupVisibility != null) { + + for (String ele : groupVisibility.split(";")) { + if (userGroup.contains(ele)) { + return true; + } + + } + } + + return false; + } + + public static String getService_CODE_SYSTEM() { + return getIdEntreprise(); + } + + public UtilURL() { + } + + public static String decodeParam(String param) { + if (param == null || param.isEmpty()) { + return param; + } + try { + param = URLDecoder.decode(param, "UTF-8"); + } catch (UnsupportedEncodingException ex) { + logger.error(null, ex); + } + return param; + } + + public static String encodeParam(String param) { + if (param == null || param.isEmpty()) { + return param; + } + try { + param = URLEncoder.encode(param, "UTF-8"); + } catch (UnsupportedEncodingException ex) { + logger.error(null, ex); + } + return param; + } + + public static String getIdEntreprise() { + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + HttpSession mySessin = request.getSession(); + + return (String) mySessin.getAttribute("idEntreprise"); + } + + public static void setIdEnreprise(String idEntreprise) { + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + HttpSession mySessin = request.getSession(); + mySessin.setAttribute("idEntreprise", idEntreprise); + } + + public static boolean isIsTableauDeBord() { +// if(isTableauDeBord==null){ + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + HttpSession mySessin = request.getSession(); + isTableauDeBord = false; + if (mySessin.getAttribute("isTableauDeBordStock") != null) { + isTableauDeBord = (boolean) mySessin.getAttribute("isTableauDeBordStock"); + } + + System.out.println("isTableauDeBord = " + isTableauDeBord); +// } + if (isTableauDeBord == null) { + return false; + } + return isTableauDeBord; + } + + public static void showURL() { + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + HttpSession mySessin = request.getSession(); + System.out.println("request.getContextPath()" + request.getContextPath()); + System.out.println("request.getLocalAddr()" + request.getLocalAddr()); + System.out.println("request.getLocalName()" + request.getLocalName()); + System.out.println("request.getLocalPort()" + request.getLocalPort()); + System.out.println("request.getRemoteAddr()" + request.getRemoteAddr()); + System.out.println("request.getPathInfo()" + request.getPathInfo()); + System.out.println("request.getRequestURI()" + request.getRequestURI()); + System.out.println("request.getServletPath()" + request.getServletPath()); + System.out.println("request.toString()" + request.toString()); + System.out.println("request.getRemoteHost()" + request.getRemoteHost()); + System.out.println("request.getRemotePort()" + request.getRemotePort()); + System.out.println("request.getRemoteUser()" + request.getRemoteUser()); + } + +// request.getContextPath()/TrizStockV2 +// request.getLocalAddr()192.168.1.35 +// request.getLocalName()DESKTOP-SUETGA1 +// request.getLocalPort()8182 +// request.getRemoteAddr()192.168.1.43 +// request.getPathInfo()null +// request.getRequestURI()/TrizStockV2/j_spring_security_check +// request.getServletPath()/j_spring_security_check +// request.toString()SecurityContextHolderAwareRequestWrapper[ org.springframework.security.web.context.HttpSessionSecurityContextRepository$Servlet3SaveToSessionRequestWrapper@53e90dfd] +// request.getRemoteHost()192.168.1.43 +// request.getRemotePort()52085 +// request.getRemoteUser()admin + public static void resetSession() { + System.out.println("// ****** resetSession()"); + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + HttpSession session = request.getSession(); + if (session != null && !session.isNew()) { + session.invalidate(); + request.getSession(true); + } + } + + public static String getURLPath(String ip) { + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + ip = ip + ":" + request.getLocalPort() + request.getContextPath(); + System.out.println("getURLPath:" + ip); + return ip; + } + + public static String getContext() { + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + String ip; + ip = request.getContextPath(); + System.out.println("getURLPath:" + ip); + return ip; + } + + public static void setFonctionnalite(List fonction) { + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + HttpSession mySessin = request.getSession(); + mySessin.setAttribute("fonctionStock", fonction); + } + + public static List getFonctionnalite() { + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + HttpSession mySessin = request.getSession(); + + return (List) mySessin.getAttribute("fonctionStock"); + } + + public static String getStock_CODE_SYSTEM() { + return getIdEtablissement(); + } + + public static String getIdEtablissement() { + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + HttpSession mySessin = request.getSession(); + + return (String) mySessin.getAttribute("idEtablissementStock"); + } + + public static void setIdEtablissement(String idEtablissement) { + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + HttpSession mySessin = request.getSession(); + mySessin.setAttribute("idEtablissementStock", idEtablissement); + } + + public static void setFonctionnaliteServer(List fonction) { + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + HttpSession mySessin = request.getSession(); + mySessin.setAttribute("fonctionStock", fonction); + } + + public static List getFonctionnaliteServer() { + FacesContext facesContext = FacesContext.getCurrentInstance(); + HttpServletRequest request = (HttpServletRequest) facesContext.getExternalContext().getRequest(); + HttpSession mySessin = request.getSession(); + + return (List) mySessin.getAttribute("fonctionStock"); + } +} diff --git a/src/main/java/com/triz/util/UtilView.java b/src/main/java/com/triz/util/UtilView.java new file mode 100644 index 0000000..a18c250 --- /dev/null +++ b/src/main/java/com/triz/util/UtilView.java @@ -0,0 +1,72 @@ +/* + * To change this template, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.util; + +import java.text.MessageFormat; +import java.util.ResourceBundle; +import javax.faces.application.FacesMessage; +import javax.faces.context.FacesContext; +import javax.servlet.http.HttpServletRequest; +import org.springframework.stereotype.Service; + + +/** + * + * @author abderrahim.TOUAIBIA + */ +@Service +public final class UtilView { + + private static String MESSAGE = "exMessage"; + private static String error = "errorMSG"; + + + public static String urlParam(String param){ + HttpServletRequest request = (HttpServletRequest) FacesContext.getCurrentInstance().getExternalContext().getRequest(); + return request.getParameter(param); + } + + public static void setErrorMessage(String exMessage) { + FacesContext.getCurrentInstance().getExternalContext().getSessionMap().put(MESSAGE, exMessage); + FacesContext.getCurrentInstance().getExternalContext().getSessionMap().put(error, true); + } + + public static void setInfoMessage(String exMessage) { + FacesContext.getCurrentInstance().getExternalContext().getSessionMap().put(MESSAGE, exMessage); + FacesContext.getCurrentInstance().getExternalContext().getSessionMap().put(error, false); + } + + public static void reinitMessage() { + FacesContext.getCurrentInstance().getExternalContext().getSessionMap().put(MESSAGE, null); + } + + public static void updateMessages(boolean update) throws Exception { + String exMessage = (String) FacesContext.getCurrentInstance().getExternalContext().getSessionMap().get(MESSAGE); + Boolean errorMSG = (Boolean) FacesContext.getCurrentInstance().getExternalContext().getSessionMap().get(error); + if (exMessage != null) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage((errorMSG != null && errorMSG ? FacesMessage.SEVERITY_ERROR : FacesMessage.SEVERITY_INFO), exMessage, null)); + FacesContext.getCurrentInstance().getExternalContext().getSessionMap().put(MESSAGE, null); + } + } + + public static void setAjaxInfoMessage(String exMessage) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_INFO, exMessage, null)); + + } + + public static void setAjaxErrorMessage(String exMessage) { + FacesContext.getCurrentInstance().addMessage(null, + new FacesMessage(FacesMessage.SEVERITY_ERROR, exMessage, null)); + } + + public static String getMessage(String key, String... param) { + ResourceBundle bundle = ResourceBundle.getBundle("langue.message", FacesContext.getCurrentInstance().getViewRoot().getLocale()); + String text = bundle.getString(key); + return MessageFormat.format(text, param); + } + +} diff --git a/src/main/java/com/triz/util/ZipUtils.java b/src/main/java/com/triz/util/ZipUtils.java new file mode 100644 index 0000000..d85ab8f --- /dev/null +++ b/src/main/java/com/triz/util/ZipUtils.java @@ -0,0 +1,74 @@ +/* + * To change this license header, choose License Headers in Project Properties. + * To change this template file, choose Tools | Templates + * and open the template in the editor. + */ +package com.triz.util; + +import java.io.File; +import java.io.FileInputStream; +import java.io.FileOutputStream; +import java.io.IOException; +import java.io.OutputStream; +import java.util.List; +import java.util.zip.ZipEntry; +import java.util.zip.ZipOutputStream; +import org.apache.commons.io.IOUtils; + +/** + * + * @author HydroTriz + */ +public class ZipUtils { + public static void zipFolder(final File folder, final File zipFile) throws IOException { + zipFolder(folder, new FileOutputStream(zipFile)); + } + + public static void zipFiles(final List listFiles, final File folder, final File zipFile) throws IOException { + zipFiles(listFiles, folder, new FileOutputStream(zipFile)); + } + + public static void zipFolder(final File folder, final OutputStream outputStream) throws IOException { + try (ZipOutputStream zipOutputStream = new ZipOutputStream(outputStream)) { + processFolder(folder, zipOutputStream, folder.getPath().length() + 1); + } + } + + public static void zipFiles(final List listFiles, final File folder, final OutputStream outputStream) throws IOException { + try (ZipOutputStream zipOutputStream = new ZipOutputStream(outputStream)) { + processFiles(listFiles, zipOutputStream, folder.getPath().length() + 1); + } + } + + private static void processFolder(final File folder, final ZipOutputStream zipOutputStream, final int prefixLength) + throws IOException { + for (final File file : folder.listFiles()) { + if (file.isFile()) { + final ZipEntry zipEntry = new ZipEntry(file.getPath().substring(prefixLength)); + zipOutputStream.putNextEntry(zipEntry); + try (FileInputStream inputStream = new FileInputStream(file)) { + IOUtils.copy(inputStream, zipOutputStream); + } + zipOutputStream.closeEntry(); + } else if (file.isDirectory()) { + processFolder(file, zipOutputStream, prefixLength); + } + } + } + + private static void processFiles(final List listFiles, final ZipOutputStream zipOutputStream, final int prefixLength) + throws IOException { + for (final File file : listFiles) { + if (file.isFile()) { + final ZipEntry zipEntry = new ZipEntry(file.getPath().substring(prefixLength)); + zipOutputStream.putNextEntry(zipEntry); + try (FileInputStream inputStream = new FileInputStream(file)) { + IOUtils.copy(inputStream, zipOutputStream); + } + zipOutputStream.closeEntry(); + } else if (file.isDirectory()) { + processFolder(file, zipOutputStream, prefixLength); + } + } + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/demo/blockviewer/BlockViewer.java b/src/main/java/org/primefaces/demo/blockviewer/BlockViewer.java new file mode 100644 index 0000000..04813dd --- /dev/null +++ b/src/main/java/org/primefaces/demo/blockviewer/BlockViewer.java @@ -0,0 +1,50 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.blockviewer; + +import java.io.Serializable; +import javax.faces.bean.ManagedBean; + +import javax.faces.component.FacesComponent; +import javax.faces.component.UINamingContainer; + +@FacesComponent(value="blockViewer") +@ManagedBean(name="blockViewer", eager=true) +public class BlockViewer extends UINamingContainer implements Serializable { + + @Override + public String getFamily() { return "javax.faces.NamingContainer"; } + + private enum PropertyKeys { + CODEMODE + } + + public void change2PreviewMode() { + setCodeMode(false); + } + + public void change2CodeMode() { + setCodeMode(true); + } + + public void setCodeMode(boolean expanded) { + getStateHelper().put(PropertyKeys.CODEMODE, expanded); + } + + public boolean isCodeMode() { + return (boolean) getStateHelper().eval(PropertyKeys.CODEMODE, false); + } +} diff --git a/src/main/java/org/primefaces/demo/domain/Country.java b/src/main/java/org/primefaces/demo/domain/Country.java new file mode 100644 index 0000000..e784f6b --- /dev/null +++ b/src/main/java/org/primefaces/demo/domain/Country.java @@ -0,0 +1,48 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.domain; + +import java.io.Serializable; + +public class Country implements Serializable { + + private String name; + private String code; + + public Country() {} + + public Country(String name, String code) { + this.name = name; + this.code = code; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public String getCode() { + return code; + } + + public void setCode(String code) { + this.code = code; + } + +} diff --git a/src/main/java/org/primefaces/demo/domain/Customer.java b/src/main/java/org/primefaces/demo/domain/Customer.java new file mode 100644 index 0000000..4ebf824 --- /dev/null +++ b/src/main/java/org/primefaces/demo/domain/Customer.java @@ -0,0 +1,98 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.domain; + +import java.io.Serializable; +import java.time.LocalDate; + +public class Customer implements Serializable { + + private int id; + private String name; + private Country country; + private LocalDate date; + private CustomerStatus status; + private int activity; + private Representative representative; + + public Customer() {} + + public Customer(int id, String name, Country country, LocalDate date, CustomerStatus status, int activity, Representative representative) { + this.id = id; + this.name = name; + this.country = country; + this.date = date; + this.status = status; + this.activity = activity; + this.representative = representative; + } + + public int getId() { + return id; + } + + public void setId(int id) { + this.id = id; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public Country getCountry() { + return country; + } + + public void setCountry(Country country) { + this.country = country; + } + + public LocalDate getDate() { + return date; + } + + public void setDate(LocalDate date) { + this.date = date; + } + + public CustomerStatus getStatus() { + return status; + } + + public void setStatus(CustomerStatus status) { + this.status = status; + } + + public int getActivity() { + return activity; + } + + public void setActivity(int activity) { + this.activity = activity; + } + + public Representative getRepresentative() { + return representative; + } + + public void setRepresentative(Representative representative) { + this.representative = representative; + } +} diff --git a/src/main/java/org/primefaces/demo/domain/CustomerStatus.java b/src/main/java/org/primefaces/demo/domain/CustomerStatus.java new file mode 100644 index 0000000..13a1933 --- /dev/null +++ b/src/main/java/org/primefaces/demo/domain/CustomerStatus.java @@ -0,0 +1,32 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.domain; + +import java.util.Random; + +public enum CustomerStatus { + QUALIFIED, + UNQUALIFIED, + NEGOTIATION, + NEW, + RENEWAL, + PROPOSAL; + + public static CustomerStatus random() { + Random random = new Random(); + return values()[random.nextInt(values().length)]; + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/demo/domain/Document.java b/src/main/java/org/primefaces/demo/domain/Document.java new file mode 100644 index 0000000..374a719 --- /dev/null +++ b/src/main/java/org/primefaces/demo/domain/Document.java @@ -0,0 +1,104 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.domain; + +import java.io.Serializable; + +public class Document implements Serializable, Comparable { + + private String name; + + private String size; + + private String type; + + public Document(String name, String size, String type) { + this.name = name; + this.size = size; + this.type = type; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public String getSize() { + return size; + } + + public void setSize(String size) { + this.size = size; + } + + public String getType() { + return type; + } + + public void setType(String type) { + this.type = type; + } + + //Eclipse Generated hashCode and equals + @Override + public int hashCode() { + final int prime = 31; + int result = 1; + result = prime * result + ((name == null) ? 0 : name.hashCode()); + result = prime * result + ((size == null) ? 0 : size.hashCode()); + result = prime * result + ((type == null) ? 0 : type.hashCode()); + return result; + } + + @Override + public boolean equals(Object obj) { + if (this == obj) + return true; + if (obj == null) + return false; + if (getClass() != obj.getClass()) + return false; + Document other = (Document) obj; + if (name == null) { + if (other.name != null) + return false; + } else if (!name.equals(other.name)) + return false; + if (size == null) { + if (other.size != null) + return false; + } else if (!size.equals(other.size)) + return false; + if (type == null) { + if (other.type != null) + return false; + } else if (!type.equals(other.type)) + return false; + return true; + } + + @Override + public String toString() { + return name; + } + + public int compareTo(Document document) { + return this.getName().compareTo(document.getName()); + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/demo/domain/InventoryStatus.java b/src/main/java/org/primefaces/demo/domain/InventoryStatus.java new file mode 100644 index 0000000..758c995 --- /dev/null +++ b/src/main/java/org/primefaces/demo/domain/InventoryStatus.java @@ -0,0 +1,32 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.domain; + +public enum InventoryStatus { + INSTOCK("In Stock"), + OUTOFSTOCK("Out of Stock"), + LOWSTOCK("Low Stock"); + + private String text; + + InventoryStatus(String text) { + this.text = text; + } + + public String getText() { + return text; + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/demo/domain/Order.java b/src/main/java/org/primefaces/demo/domain/Order.java new file mode 100644 index 0000000..2706a0e --- /dev/null +++ b/src/main/java/org/primefaces/demo/domain/Order.java @@ -0,0 +1,104 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.domain; + +import java.io.Serializable; +import java.time.LocalDate; + +public class Order implements Serializable { + + private int id; + + private String productCode; + + private LocalDate date; + + private double amount; + + private int quantity; + + private String customer; + + private OrderStatus status; + + public Order() {} + + public Order(int id, String productCode, LocalDate date, double amount, int quantity, String customer, OrderStatus status) { + this.id = id; + this.productCode = productCode; + this.date = date; + this.amount = amount; + this.quantity = quantity; + this.customer = customer; + this.status = status; + } + + public int getId() { + return id; + } + + public void setId(int id) { + this.id = id; + } + + public String getProductCode() { + return productCode; + } + + public void setProductCode(String productCode) { + this.productCode = productCode; + } + + public LocalDate getDate() { + return date; + } + + public void setDate(LocalDate date) { + this.date = date; + } + + public double getAmount() { + return amount; + } + + public void setAmount(double amount) { + this.amount = amount; + } + + public int getQuantity() { + return quantity; + } + + public void setQuantity(int quantity) { + this.quantity = quantity; + } + + public String getCustomer() { + return customer; + } + + public void setCustomer(String customer) { + this.customer = customer; + } + + public OrderStatus getStatus() { + return status; + } + + public void setStatus(OrderStatus status) { + this.status = status; + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/demo/domain/OrderStatus.java b/src/main/java/org/primefaces/demo/domain/OrderStatus.java new file mode 100644 index 0000000..2304aec --- /dev/null +++ b/src/main/java/org/primefaces/demo/domain/OrderStatus.java @@ -0,0 +1,30 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.domain; + +import java.util.Random; + +public enum OrderStatus { + PENDING, + DELIVERED, + CANCELLED, + RETURNED; + + public static OrderStatus random() { + Random random = new Random(); + return values()[random.nextInt(values().length)]; + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/demo/domain/Photo.java b/src/main/java/org/primefaces/demo/domain/Photo.java new file mode 100644 index 0000000..2b40d8f --- /dev/null +++ b/src/main/java/org/primefaces/demo/domain/Photo.java @@ -0,0 +1,69 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.domain; + +import java.io.Serializable; + +public class Photo implements Serializable { + + private String itemImageSrc; + private String thumbnailImageSrc; + private String alt; + private String title; + + public Photo() { + } + + public Photo(String itemImageSrc, String thumbnailImageSrc, String alt, String title) { + this.itemImageSrc = itemImageSrc; + this.thumbnailImageSrc = thumbnailImageSrc; + this.alt = alt; + this.title = title; + } + + public String getItemImageSrc() { + return itemImageSrc; + } + + public void setItemImageSrc(String itemImageSrc) { + this.itemImageSrc = itemImageSrc; + } + + public String getThumbnailImageSrc() { + return thumbnailImageSrc; + } + + public void setThumbnailImageSrc(String thumbnailImageSrc) { + this.thumbnailImageSrc = thumbnailImageSrc; + } + + public String getAlt() { + return alt; + } + + public void setAlt(String alt) { + this.alt = alt; + } + + public String getTitle() { + return title; + } + + public void setTitle(String title) { + this.title = title; + } + +} diff --git a/src/main/java/org/primefaces/demo/domain/Product.java b/src/main/java/org/primefaces/demo/domain/Product.java new file mode 100644 index 0000000..73b4123 --- /dev/null +++ b/src/main/java/org/primefaces/demo/domain/Product.java @@ -0,0 +1,178 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.domain; + +import java.io.Serializable; +import java.util.List; + +public class Product implements Serializable { + + private int id; + + private String code; + + private String name; + + private String description; + + private String image; + + private double price; + + private String category; + + private int quantity; + + private InventoryStatus inventoryStatus; + + private int rating; + + private List orders; + + public Product() {} + + public Product(int id, String code, String name, String description, String image, double price, String category, int quantity, InventoryStatus inventoryStatus, int rating) { + this.id = id; + this.code = code; + this.name = name; + this.description = description; + this.image = image; + this.price = price; + this.category = category; + this.quantity = quantity; + this.inventoryStatus = inventoryStatus; + this.rating = rating; + } + + public Product clone() { + return new Product(getId(), getCode(), getName(), getDescription(), getImage(), getPrice(), getCategory(), getQuantity(), getInventoryStatus(), getRating()); + } + + public int getId() { + return id; + } + + public void setId(int id) { + this.id = id; + } + + public String getCode() { + return code; + } + + public void setCode(String code) { + this.code = code; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public String getDescription() { + return description; + } + + public void setDescription(String description) { + this.description = description; + } + + public String getImage() { + return image; + } + + public void setImage(String image) { + this.image = image; + } + + public double getPrice() { + return price; + } + + public void setPrice(double price) { + this.price = price; + } + + public String getCategory() { + return category; + } + + public void setCategory(String category) { + this.category = category; + } + + public int getQuantity() { + return quantity; + } + + public void setQuantity(int quantity) { + this.quantity = quantity; + } + + public InventoryStatus getInventoryStatus() { + return inventoryStatus; + } + + public void setInventoryStatus(InventoryStatus inventoryStatus) { + this.inventoryStatus = inventoryStatus; + } + + public int getRating() { + return rating; + } + + public void setRating(int rating) { + this.rating = rating; + } + + public List getOrders() { + return this.orders; + } + + public void setOrders(List orders) { + this.orders = orders; + } + + @Override + public int hashCode() { + final int prime = 31; + int result = 1; + result = prime * result + ((code == null) ? 0 : code.hashCode()); + return result; + } + + @Override + public boolean equals(Object obj) { + if (this == obj) + return true; + if (obj == null) + return false; + if (getClass() != obj.getClass()) + return false; + Product other = (Product) obj; + if (code == null) { + if (other.code != null) + return false; + } else if (!code.equals(other.code)) + return false; + return true; + } + + +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/demo/domain/Representative.java b/src/main/java/org/primefaces/demo/domain/Representative.java new file mode 100644 index 0000000..7d82359 --- /dev/null +++ b/src/main/java/org/primefaces/demo/domain/Representative.java @@ -0,0 +1,48 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.domain; + +import java.io.Serializable; + +public class Representative implements Serializable { + + private String name; + private String image; + + public Representative() {} + + public Representative(String name, String image) { + this.name = name; + this.image = image; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public String getImage() { + return image; + } + + public void setImage(String image) { + this.image = image; + } + +} diff --git a/src/main/java/org/primefaces/demo/jsf/ViewScope.java b/src/main/java/org/primefaces/demo/jsf/ViewScope.java new file mode 100644 index 0000000..191ccea --- /dev/null +++ b/src/main/java/org/primefaces/demo/jsf/ViewScope.java @@ -0,0 +1,51 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Classes/Class.java to edit this template + */ +package org.primefaces.demo.jsf; + +import java.util.Map; +import javax.faces.context.FacesContext; +import org.springframework.beans.factory.ObjectFactory; +import org.springframework.beans.factory.config.Scope; + +/** + * + * @author Triztech web + */ +public class ViewScope implements Scope { + + @Override + public Object get(String name, ObjectFactory objectFactory) { + Map viewMap = FacesContext.getCurrentInstance().getViewRoot().getViewMap(); + + if (viewMap.containsKey(name)) { + return viewMap.get(name); + } else { + Object object = objectFactory.getObject(); + viewMap.put(name, object); + + return object; + } + } + + @Override + public Object remove(String name) { + return FacesContext.getCurrentInstance().getViewRoot().getViewMap().remove(name); + } + + @Override + public String getConversationId() { + return null; + } + + @Override + public void registerDestructionCallback(String name, Runnable callback) { + //Do nothing ;) + } + + @Override + public Object resolveContextualObject(String key) { + return null; + } +} diff --git a/src/main/java/org/primefaces/demo/service/CustomerService.java b/src/main/java/org/primefaces/demo/service/CustomerService.java new file mode 100644 index 0000000..4be45f1 --- /dev/null +++ b/src/main/java/org/primefaces/demo/service/CustomerService.java @@ -0,0 +1,104 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.service; + +import java.time.LocalDate; +import java.util.ArrayList; +import java.util.List; +import java.util.concurrent.ThreadLocalRandom; +import javax.faces.bean.ManagedBean; + +//import javax.inject.Named; + +import org.primefaces.demo.domain.Country; +import org.primefaces.demo.domain.Customer; +import org.primefaces.demo.domain.CustomerStatus; +import org.primefaces.demo.domain.Representative; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + + +@Scope("view") +@ManagedBean(name="customerService", eager=true) +public class CustomerService { + + private final static Country[] countries; + + private final static Representative[] representatives; + + private final static String[] names; + + List customers = new ArrayList<>(); + + static { + countries = new Country[]{ + new Country("Argentina", "ar"),new Country("Australia", "au"),new Country("Brazil", "br"), + new Country("Canada", "ca"),new Country("Germany", "de"),new Country("France", "fr"), + new Country("India", "in"), new Country("Italy", "it"),new Country("Japan", "jp"), + new Country("Russia", "ru"), + new Country("Spain", "es"),new Country("United Kingdom", "gb")}; + + representatives = new Representative[]{new Representative("Amy Elsner", "amyelsner.png"),new Representative("Anna Fali", "annafali.png"), + new Representative("Asiya Javayant", "asiyajavayant.png"),new Representative("Bernardo Dominic", "bernardodominic.png"), + new Representative("Elwin Sharvill", "elwinsharvill.png"),new Representative("Ioni Bowcher", "ionibowcher.png"), + new Representative("Ivan Magalhaes", "ivanmagalhaes.png"),new Representative("Onyama Limba", "onyamalimba.png"), + new Representative("Stephen Shaw", "stephenshaw.png"),new Representative("Xuxue Feng", "xuxuefeng.png")}; + + names = new String[]{"James","David","Jeanfrancois","Ivar","Tony","Adams","Claire","Costa","Juan","Maria","Jennifer","Stacey","Leja","Morrow", + "Arvin","Darci","Izzy","Lionel","Clifford","Emily","Kadeem","Mujtaba","Aika","Mayumi","Misaki","Silvio","Nicolas","Antonio", + "Deepesh","Aditya","Aruna","Jones","Julie","Smith","Johnson","Francesco","Salvatore","Kaitlin","Faith","Maisha","Jefferson", + "Leon","Rodrigues","Alejandro","Munro","Cody","Chavez","Sinclair","Isabel","Octavia","Murillo","Greenwood","Wickens","Ashley"}; + } + + + public List getCustomers(int number) { + List customers = new ArrayList<>(); + for (int i = 0; i < number; i++) { + customers.add(new Customer(i + 1000, getCustomerName(), getCountry(), getDate(), CustomerStatus.random(), getActivity(), getRepresentative())); + } + return customers; + } + + private String getCustomerName() { + String firstName = this.getName(); + String lastName; + while((lastName = this.getName()).equals(firstName)) {} + + return firstName + " " + lastName; + } + + private String getName() { + return names[(int) (Math.random() * names.length)]; + } + + private Country getCountry() { + return countries[(int) (Math.random() * countries.length)]; + } + + private LocalDate getDate() { + LocalDate now = LocalDate.now(); + long randomDay = ThreadLocalRandom.current().nextLong(now.minusDays(30).toEpochDay(), now.toEpochDay()); + return LocalDate.ofEpochDay(randomDay); + } + + private int getActivity() { + return (int) (Math.random() * 100); + } + + private Representative getRepresentative() { + return representatives[(int) (Math.random() * representatives.length)]; + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/demo/service/DocumentService.java b/src/main/java/org/primefaces/demo/service/DocumentService.java new file mode 100644 index 0000000..c490753 --- /dev/null +++ b/src/main/java/org/primefaces/demo/service/DocumentService.java @@ -0,0 +1,99 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.service; + +//import javax.inject.Named; + +import javax.faces.bean.ManagedBean; +import org.primefaces.model.CheckboxTreeNode; +import org.primefaces.model.DefaultTreeNode; +import org.primefaces.model.TreeNode; +import org.primefaces.demo.domain.Document; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +//@Named + +@Scope("view") +@ManagedBean(name="documentService", eager=true) +public class DocumentService { + + public TreeNode createDocuments() { + TreeNode root = new DefaultTreeNode(new Document("Files", "-", "Folder"), null); + + TreeNode documents = new DefaultTreeNode(new Document("Documents", "-", "Folder"), root); + TreeNode pictures = new DefaultTreeNode(new Document("Pictures", "-", "Folder"), root); + TreeNode movies = new DefaultTreeNode(new Document("Movies", "-", "Folder"), root); + + TreeNode work = new DefaultTreeNode(new Document("Work", "-", "Folder"), documents); + TreeNode primefaces = new DefaultTreeNode(new Document("PrimeFaces", "-", "Folder"), documents); + + //Documents + TreeNode expenses = new DefaultTreeNode("document", new Document("Expenses.doc", "30 KB", "Word Document"), work); + TreeNode resume = new DefaultTreeNode("document", new Document("Resume.doc", "10 KB", "Word Document"), work); + TreeNode refdoc = new DefaultTreeNode("document", new Document("RefDoc.pages", "40 KB", "Pages Document"), primefaces); + + //Pictures + TreeNode barca = new DefaultTreeNode("picture", new Document("barcelona.jpg", "30 KB", "JPEG Image"), pictures); + TreeNode primelogo = new DefaultTreeNode("picture", new Document("logo.jpg", "45 KB", "JPEG Image"), pictures); + TreeNode optimus = new DefaultTreeNode("picture", new Document("optimusprime.png", "96 KB", "PNG Image"), pictures); + + //Movies + TreeNode pacino = new DefaultTreeNode(new Document("Al Pacino", "-", "Folder"), movies); + TreeNode deniro = new DefaultTreeNode(new Document("Robert De Niro", "-", "Folder"), movies); + + TreeNode scarface = new DefaultTreeNode("mp3", new Document("Scarface", "15 GB", "Movie File"), pacino); + TreeNode carlitosWay = new DefaultTreeNode("mp3", new Document("Carlitos' Way", "24 GB", "Movie File"), pacino); + + TreeNode goodfellas = new DefaultTreeNode("mp3", new Document("Goodfellas", "23 GB", "Movie File"), deniro); + TreeNode untouchables = new DefaultTreeNode("mp3", new Document("Untouchables", "17 GB", "Movie File"), deniro); + + return root; + } + + public TreeNode createCheckboxDocuments() { + TreeNode root = new CheckboxTreeNode(new Document("Files", "-", "Folder"), null); + + TreeNode documents = new CheckboxTreeNode(new Document("Documents", "-", "Folder"), root); + TreeNode pictures = new CheckboxTreeNode(new Document("Pictures", "-", "Folder"), root); + TreeNode movies = new CheckboxTreeNode(new Document("Movies", "-", "Folder"), root); + + TreeNode work = new CheckboxTreeNode(new Document("Work", "-", "Folder"), documents); + TreeNode primefaces = new CheckboxTreeNode(new Document("PrimeFaces", "-", "Folder"), documents); + + //Documents + TreeNode expenses = new CheckboxTreeNode("document", new Document("Expenses.doc", "30 KB", "Word Document"), work); + TreeNode resume = new CheckboxTreeNode("document", new Document("Resume.doc", "10 KB", "Word Document"), work); + TreeNode refdoc = new CheckboxTreeNode("document", new Document("RefDoc.pages", "40 KB", "Pages Document"), primefaces); + + //Pictures + TreeNode barca = new CheckboxTreeNode("picture", new Document("barcelona.jpg", "30 KB", "JPEG Image"), pictures); + TreeNode primelogo = new CheckboxTreeNode("picture", new Document("logo.jpg", "45 KB", "JPEG Image"), pictures); + TreeNode optimus = new CheckboxTreeNode("picture", new Document("optimusprime.png", "96 KB", "PNG Image"), pictures); + + //Movies + TreeNode pacino = new CheckboxTreeNode(new Document("Al Pacino", "-", "Folder"), movies); + TreeNode deniro = new CheckboxTreeNode(new Document("Robert De Niro", "-", "Folder"), movies); + + TreeNode scarface = new CheckboxTreeNode("mp3", new Document("Scarface", "15 GB", "Movie File"), pacino); + TreeNode carlitosWay = new CheckboxTreeNode("mp3", new Document("Carlitos' Way", "24 GB", "Movie File"), pacino); + + TreeNode goodfellas = new CheckboxTreeNode("mp3", new Document("Goodfellas", "23 GB", "Movie File"), deniro); + TreeNode untouchables = new CheckboxTreeNode("mp3", new Document("Untouchables", "17 GB", "Movie File"), deniro); + + return root; + } +} diff --git a/src/main/java/org/primefaces/demo/service/OrderService.java b/src/main/java/org/primefaces/demo/service/OrderService.java new file mode 100644 index 0000000..1eb834d --- /dev/null +++ b/src/main/java/org/primefaces/demo/service/OrderService.java @@ -0,0 +1,84 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.service; + +import java.time.LocalDate; +import java.util.ArrayList; +import java.util.List; +import java.util.UUID; +import java.util.concurrent.ThreadLocalRandom; +import javax.faces.bean.ManagedBean; + +//import javax.inject.Named; + +import org.primefaces.demo.domain.Order; +import org.primefaces.demo.domain.OrderStatus; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +@Component("orderService") + +@ManagedBean(name="orderService", eager=true) +public class OrderService { + + private final static String[] names; + + static { + names = new String[]{"James","David","Jeanfrancois","Ivar","Tony","Adams","Claire","Costa","Juan","Maria","Jennifer","Stacey","Leja","Morrow", + "Arvin","Darci","Izzy","Lionel","Clifford","Emily","Kadeem","Mujtaba","Aika","Mayumi","Misaki","Silvio","Nicolas","Antonio", + "Deepesh","Aditya","Aruna","Jones","Julie","Smith","Johnson","Francesco","Salvatore","Kaitlin","Faith","Maisha","Jefferson", + "Leon","Rodrigues","Alejandro","Munro","Cody","Chavez","Sinclair","Isabel","Octavia","Murillo","Greenwood","Wickens","Ashley"}; + } + + public List getOrders(int number) { + List orders = new ArrayList<>(); + for (int i = 0; i < number; i++) { + orders.add(new Order(i + 1000, getProductCode(), getDate(), getAmount(), getQuantity(), getCustomerName(), OrderStatus.random())); + } + return orders; + } + + private String getCustomerName() { + String firstName = this.getName(); + String lastName; + while((lastName = this.getName()).equals(firstName)) {} + + return firstName + " " + lastName; + } + + private String getName() { + return names[(int) (Math.random() * names.length)]; + } + + private String getProductCode() { + return UUID.randomUUID().toString().substring(6, 16); + } + + private LocalDate getDate() { + LocalDate now = LocalDate.now(); + long randomDay = ThreadLocalRandom.current().nextLong(now.minusDays(30).toEpochDay(), now.toEpochDay()); + return LocalDate.ofEpochDay(randomDay); + } + + private double getAmount() { + return ThreadLocalRandom.current().nextDouble(1, 200); + } + + private int getQuantity() { + return ThreadLocalRandom.current().nextInt(1, 10); + } + +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/demo/service/PhotoService.java b/src/main/java/org/primefaces/demo/service/PhotoService.java new file mode 100644 index 0000000..1f96d12 --- /dev/null +++ b/src/main/java/org/primefaces/demo/service/PhotoService.java @@ -0,0 +1,75 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.service; + +import java.util.ArrayList; +import java.util.List; + +import javax.annotation.PostConstruct; +import javax.faces.bean.ManagedBean; + +//import javax.inject.Named; + +import org.primefaces.demo.domain.Photo; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +@Component("photoService") +@ManagedBean(name="photoService", eager=true) +public class PhotoService { + + private List photos; + + ////@PostConstruct + public void init() { + photos = new ArrayList<>(); + + photos.add(new Photo("demo/images/galleria/galleria1.jpg", "demo/images/galleria/galleria1s.jpg", + "Description for Image 1", "Title 1")); + photos.add(new Photo("demo/images/galleria/galleria2.jpg", "demo/images/galleria/galleria2s.jpg", + "Description for Image 2", "Title 2")); + photos.add(new Photo("demo/images/galleria/galleria3.jpg", "demo/images/galleria/galleria3s.jpg", + "Description for Image 3", "Title 3")); + photos.add(new Photo("demo/images/galleria/galleria4.jpg", "demo/images/galleria/galleria4s.jpg", + "Description for Image 4", "Title 4")); + photos.add(new Photo("demo/images/galleria/galleria5.jpg", "demo/images/galleria/galleria5s.jpg", + "Description for Image 5", "Title 5")); + photos.add(new Photo("demo/images/galleria/galleria6.jpg", "demo/images/galleria/galleria6s.jpg", + "Description for Image 6", "Title 6")); + photos.add(new Photo("demo/images/galleria/galleria7.jpg", "demo/images/galleria/galleria7s.jpg", + "Description for Image 7", "Title 7")); + photos.add(new Photo("demo/images/galleria/galleria8.jpg", "demo/images/galleria/galleria8s.jpg", + "Description for Image 8", "Title 8")); + photos.add(new Photo("demo/images/galleria/galleria9.jpg", "demo/images/galleria/galleria9s.jpg", + "Description for Image 9", "Title 9")); + photos.add(new Photo("demo/images/galleria/galleria10.jpg", "demo/images/galleria/galleria10s.jpg", + "Description for Image 10", "Title 10")); + photos.add(new Photo("demo/images/galleria/galleria11.jpg", "demo/images/galleria/galleria11s.jpg", + "Description for Image 11", "Title 11")); + photos.add(new Photo("demo/images/galleria/galleria12.jpg", "demo/images/galleria/galleria12s.jpg", + "Description for Image 12", "Title 12")); + photos.add(new Photo("demo/images/galleria/galleria13.jpg", "demo/images/galleria/galleria13s.jpg", + "Description for Image 13", "Title 13")); + photos.add(new Photo("demo/images/galleria/galleria14.jpg", "demo/images/galleria/galleria14s.jpg", + "Description for Image 14", "Title 14")); + photos.add(new Photo("demo/images/galleria/galleria15.jpg", "demo/images/galleria/galleria15s.jpg", + "Description for Image 15", "Title 15")); + } + + public List getPhotos() { + return photos; + } +} diff --git a/src/main/java/org/primefaces/demo/service/ProductService.java b/src/main/java/org/primefaces/demo/service/ProductService.java new file mode 100644 index 0000000..8d54d4b --- /dev/null +++ b/src/main/java/org/primefaces/demo/service/ProductService.java @@ -0,0 +1,108 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.service; + +import java.util.ArrayList; +import java.util.List; +import java.util.Random; + +import javax.annotation.PostConstruct; +import javax.faces.bean.ApplicationScoped; +import javax.faces.bean.ManagedBean; + +//import javax.inject.Named; + +import org.primefaces.demo.domain.InventoryStatus; +import org.primefaces.demo.domain.Product; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +@Component("productService") +@ApplicationScoped +@ManagedBean(name="productService", eager=true) +public class ProductService { + + List products; + + //@PostConstruct + public void init() { + products = new ArrayList<>(); + products.add(new Product(1000, "f230fh0g3", "Bamboo Watch", "Product Description", "bamboo-watch.jpg", 65, "Accessories", 24, InventoryStatus.INSTOCK, 5)); + products.add(new Product(1001, "nvklal433", "Black Watch", "Product Description", "black-watch.jpg", 72, "Accessories", 61, InventoryStatus.OUTOFSTOCK, 4)); + products.add(new Product(1002, "zz21cz3c1", "Blue Band", "Product Description", "blue-band.jpg", 79, "Fitness", 2, InventoryStatus.LOWSTOCK, 3)); + products.add(new Product(1003, "244wgerg2", "Blue T-Shirt", "Product Description", "blue-t-shirt.jpg", 29, "Clothing", 25, InventoryStatus.INSTOCK, 5)); + products.add(new Product(1004, "h456wer53", "Bracelet", "Product Description", "bracelet.jpg", 15, "Accessories", 73, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1005, "av2231fwg", "Brown Purse", "Product Description", "brown-purse.jpg", 120, "Accessories", 0, InventoryStatus.OUTOFSTOCK, 4)); + products.add(new Product(1006, "bib36pfvm", "Chakra Bracelet", "Product Description", "chakra-bracelet.jpg", 32, "Accessories", 5, InventoryStatus.LOWSTOCK, 3)); + products.add(new Product(1007, "mbvjkgip5", "Galaxy Earrings", "Product Description", "galaxy-earrings.jpg", 34, "Accessories", 23, InventoryStatus.INSTOCK, 5)); + products.add(new Product(1008, "vbb124btr", "Game Controller", "Product Description", "game-controller.jpg", 99, "Electronics", 2, InventoryStatus.LOWSTOCK, 4)); + products.add(new Product(1009, "cm230f032", "Gaming Set", "Product Description", "gaming-set.jpg", 299, "Electronics", 63, InventoryStatus.INSTOCK, 3)); + products.add(new Product(1010, "plb34234v", "Gold Phone Case", "Product Description", "gold-phone-case.jpg", 24, "Accessories", 0, InventoryStatus.OUTOFSTOCK, 4)); + products.add(new Product(1011, "4920nnc2d", "Green Earbuds", "Product Description", "green-earbuds.jpg", 89, "Electronics", 23, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1012, "250vm23cc", "Green T-Shirt", "Product Description", "green-t-shirt.jpg", 49, "Clothing", 74, InventoryStatus.INSTOCK, 5)); + products.add(new Product(1013, "fldsmn31b", "Grey T-Shirt", "Product Description", "grey-t-shirt.jpg", 48, "Clothing", 0, InventoryStatus.OUTOFSTOCK, 3)); + products.add(new Product(1014, "waas1x2as", "Headphones", "Product Description", "headphones.jpg", 175, "Electronics", 8, InventoryStatus.LOWSTOCK, 5)); + products.add(new Product(1015, "vb34btbg5", "Light Green T-Shirt", "Product Description", "light-green-t-shirt.jpg", 49, "Clothing", 34, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1016, "k8l6j58jl", "Lime Band", "Product Description", "lime-band.jpg", 79, "Fitness", 12, InventoryStatus.INSTOCK, 3)); + products.add(new Product(1017, "v435nn85n", "Mini Speakers", "Product Description", "mini-speakers.jpg", 85, "Clothing", 42, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1018, "09zx9c0zc", "Painted Phone Case", "Product Description", "painted-phone-case.jpg", 56, "Accessories", 41, InventoryStatus.INSTOCK, 5)); + products.add(new Product(1019, "mnb5mb2m5", "Pink Band", "Product Description", "pink-band.jpg", 79, "Fitness", 63, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1020, "r23fwf2w3", "Pink Purse", "Product Description", "pink-purse.jpg", 110, "Accessories", 0, InventoryStatus.OUTOFSTOCK, 4)); + products.add(new Product(1021, "pxpzczo23", "Purple Band", "Product Description", "purple-band.jpg", 79, "Fitness", 6, InventoryStatus.LOWSTOCK, 3)); + products.add(new Product(1022, "2c42cb5cb", "Purple Gemstone Necklace", "Product Description", "purple-gemstone-necklace.jpg", 45, "Accessories", 62, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1023, "5k43kkk23", "Purple T-Shirt", "Product Description", "purple-t-shirt.jpg", 49, "Clothing", 2, InventoryStatus.LOWSTOCK, 5)); + products.add(new Product(1024, "lm2tny2k4", "Shoes", "Product Description", "shoes.jpg", 64, "Clothing", 0, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1025, "nbm5mv45n", "Sneakers", "Product Description", "sneakers.jpg", 78, "Clothing", 52, InventoryStatus.INSTOCK, 4)); + products.add(new Product(1026, "zx23zc42c", "Teal T-Shirt", "Product Description", "teal-t-shirt.jpg", 49, "Clothing", 3, InventoryStatus.LOWSTOCK, 3)); + products.add(new Product(1027, "acvx872gc", "Yellow Earbuds", "Product Description", "yellow-earbuds.jpg", 89, "Electronics", 35, InventoryStatus.INSTOCK, 3)); + products.add(new Product(1028, "tx125ck42", "Yoga Mat", "Product Description", "yoga-mat.jpg", 20, "Fitness", 15, InventoryStatus.INSTOCK, 5)); + products.add(new Product(1029, "gwuby345v", "Yoga Set", "Product Description", "yoga-set.jpg", 20, "Fitness", 25, InventoryStatus.INSTOCK, 8)); + + } + + public List getProducts() { + return new ArrayList<>(products); + } + + public List getProducts(int size) { + + if (size > products.size()) { + Random rand = new Random(); + + List randomList = new ArrayList<>(); + for (int i = 0; i < size; i++) { + int randomIndex = rand.nextInt(products.size()); + randomList.add(products.get(randomIndex)); + } + + return randomList; + } + + else { + return new ArrayList<>(products.subList(0, size)); + } + + } + + public List getClonedProducts(int size) { + List results = new ArrayList<>(); + List originals = getProducts(size); + for (Product original : originals) { + results.add(original.clone()); + } + return results; + } +} diff --git a/src/main/java/org/primefaces/demo/view/favorites/DashboardAnalyticsView.java b/src/main/java/org/primefaces/demo/view/favorites/DashboardAnalyticsView.java new file mode 100644 index 0000000..dcb1efe --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/favorites/DashboardAnalyticsView.java @@ -0,0 +1,518 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.favorites; + +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; + +import javax.annotation.PostConstruct; +import javax.faces.bean.ManagedBean; +//import javax.inject.Named; + +import org.primefaces.model.charts.ChartData; +import org.primefaces.model.charts.bar.BarChartDataSet; +import org.primefaces.model.charts.bar.BarChartModel; +import org.primefaces.model.charts.donut.DonutChartDataSet; +import org.primefaces.model.charts.donut.DonutChartModel; +import org.primefaces.model.charts.line.LineChartDataSet; +import org.primefaces.model.charts.line.LineChartModel; +import org.primefaces.model.charts.pie.PieChartDataSet; +import org.primefaces.model.charts.pie.PieChartModel; +import org.primefaces.demo.domain.Product; +import org.primefaces.demo.service.ProductService; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +//@Component("dashboardAnalyticsView") +@Scope("view") +@ManagedBean(name = "dashboardAnalyticsView", eager = true) +public class DashboardAnalyticsView implements Serializable { + + private List products; + + private BarChartModel monthlyChartModel; + private DonutChartModel donutChartModel; + private PieChartModel pieChartModel; + + private int storeADiff = 0; + private int storeBDiff = 0; + private int storeCDiff = 0; + private int storeDDiff = 0; + private int storeATotalValue = 100; + private int storeBTotalValue = 120; + private int storeCTotalValue = 150; + private int storeDTotalValue = 80; + + private LineChartModel storeAModel; + private LineChartModel storeBModel; + private LineChartModel storeCModel; + private LineChartModel storeDModel; + + //@Inject + private ProductService service; + + //@PostConstruct + public void init() { + if (this.service == null) { + this.service = new ProductService(); + this.service.init(); + } + products = this.service.getProducts(); + + createMonthlyChart(); + createDonutChart(); + createPieChart(); + + List labels = new ArrayList<>(); + labels.add("January"); + labels.add("February"); + labels.add("March"); + labels.add("April"); + labels.add("May"); + labels.add("June"); + labels.add("July"); + labels.add("August"); + labels.add("September"); + + createStoreAChart(labels); + createStoreBChart(labels); + createStoreCChart(labels); + createStoreDChart(labels); + } + + public void createMonthlyChart() { + monthlyChartModel = new BarChartModel(); + ChartData data = new ChartData(); + + List labels = new ArrayList<>(); + labels.add("January"); + labels.add("February"); + labels.add("March"); + labels.add("April"); + labels.add("May"); + labels.add("June"); + labels.add("July"); + data.setLabels(labels); + + BarChartDataSet barDataSet1 = new BarChartDataSet(); + List values1 = new ArrayList<>(); + values1.add(6); + values1.add(25); + values1.add(97); + values1.add(12); + values1.add(7); + values1.add(70); + values1.add(42); + barDataSet1.setLabel("2012"); + barDataSet1.setData(values1); + barDataSet1.setBorderWidth(2); + data.addChartDataSet(barDataSet1); + + BarChartDataSet barDataSet2 = new BarChartDataSet(); + List values2 = new ArrayList<>(); + values2.add(81); + values2.add(3); + values2.add(5); + values2.add(11); + values2.add(59); + values2.add(47); + values2.add(99); + barDataSet2.setLabel("2013"); + barDataSet2.setData(values2); + barDataSet2.setBorderWidth(2); + data.addChartDataSet(barDataSet2); + + BarChartDataSet barDataSet3 = new BarChartDataSet(); + List values3 = new ArrayList<>(); + values3.add(68); + values3.add(47); + values3.add(46); + values3.add(46); + values3.add(61); + values3.add(70); + values3.add(94); + barDataSet3.setLabel("2014"); + barDataSet3.setData(values3); + barDataSet3.setBorderWidth(2); + data.addChartDataSet(barDataSet3); + + BarChartDataSet barDataSet4 = new BarChartDataSet(); + List values4 = new ArrayList<>(); + values4.add(31); + values4.add(9); + values4.add(18); + values4.add(76); + values4.add(6); + values4.add(11); + values4.add(79); + barDataSet4.setLabel("2015"); + barDataSet4.setData(values4); + barDataSet4.setBorderWidth(2); + data.addChartDataSet(barDataSet4); + + BarChartDataSet barDataSet5 = new BarChartDataSet(); + List values5 = new ArrayList<>(); + values5.add(85); + values5.add(37); + values5.add(47); + values5.add(29); + values5.add(2); + values5.add(10); + values5.add(54); + barDataSet5.setLabel("2016"); + barDataSet5.setData(values5); + barDataSet5.setBorderWidth(2); + data.addChartDataSet(barDataSet5); + + BarChartDataSet barDataSet6 = new BarChartDataSet(); + List values6 = new ArrayList<>(); + values6.add(28); + values6.add(48); + values6.add(40); + values6.add(19); + values6.add(86); + values6.add(27); + values6.add(90); + barDataSet6.setLabel("2017"); + barDataSet6.setData(values6); + barDataSet6.setBorderWidth(2); + data.addChartDataSet(barDataSet6); + + BarChartDataSet barDataSet7 = new BarChartDataSet(); + List values7 = new ArrayList<>(); + values7.add(89); + values7.add(18); + values7.add(95); + values7.add(18); + values7.add(97); + values7.add(61); + values7.add(54); + barDataSet7.setLabel("2018"); + barDataSet7.setData(values7); + barDataSet7.setBorderWidth(2); + data.addChartDataSet(barDataSet7); + + BarChartDataSet barDataSet8 = new BarChartDataSet(); + List values8 = new ArrayList<>(); + values8.add(18); + values8.add(36); + values8.add(39); + values8.add(58); + values8.add(41); + values8.add(50); + values8.add(72); + barDataSet8.setLabel("2019"); + barDataSet8.setData(values8); + barDataSet8.setBorderWidth(2); + data.addChartDataSet(barDataSet8); + + BarChartDataSet barDataSet9 = new BarChartDataSet(); + List values9 = new ArrayList<>(); + values9.add(31); + values9.add(4); + values9.add(35); + values9.add(74); + values9.add(47); + values9.add(35); + values9.add(46); + barDataSet9.setLabel("2020"); + barDataSet9.setData(values9); + barDataSet9.setBorderWidth(2); + data.addChartDataSet(barDataSet9); + + monthlyChartModel.setData(data); + monthlyChartModel.setExtender("monthlyChartExtender"); + } + + public void createDonutChart() { + donutChartModel = new DonutChartModel(); + ChartData data = new ChartData(); + + DonutChartDataSet dataSet = new DonutChartDataSet(); + List values = new ArrayList<>(); + values.add(11); + values.add(29); + values.add(71); + values.add(33); + values.add(28); + values.add(95); + values.add(6); + dataSet.setData(values); + data.addChartDataSet(dataSet); + + List labels = new ArrayList<>(); + labels.add("Sunday"); + labels.add("Monday"); + labels.add("Tuesday"); + labels.add("Wednesday"); + labels.add("Thursday"); + labels.add("Friday"); + labels.add("Saturday"); + data.setLabels(labels); + + donutChartModel.setData(data); + donutChartModel.setExtender("donutChartExtender"); + } + + public void createPieChart() { + pieChartModel = new PieChartModel(); + ChartData data = new ChartData(); + + PieChartDataSet dataSet = new PieChartDataSet(); + List values = new ArrayList<>(); + values.add(300); + values.add(50); + values.add(100); + dataSet.setData(values); + data.addChartDataSet(dataSet); + + List labels = new ArrayList<>(); + labels.add("O"); + labels.add("D"); + labels.add("R"); + data.setLabels(labels); + + pieChartModel.setData(data); + pieChartModel.setExtender("pieChartExtender"); + } + + public LineChartModel createStoreChart(List labels, List values) { + LineChartModel overviewChartModel = new LineChartModel(); + ChartData data = new ChartData(); + + data.setLabels(labels); + + LineChartDataSet dataSet = new LineChartDataSet(); + dataSet.setData(values); + dataSet.setFill(true); + dataSet.setBackgroundColor("rgba(77, 208, 225, 0.8)"); + dataSet.setBorderWidth(2); + dataSet.setBorderColor("#4DD0E1"); + dataSet.setTension(0.4); + data.addChartDataSet(dataSet); + + overviewChartModel.setData(data); + + return overviewChartModel; + } + + public void createStoreAChart(List labels) { + List values = new ArrayList<>(); + values.add(55); + values.add(3); + values.add(45); + values.add(6); + values.add(44); + values.add(58); + values.add(84); + values.add(68); + values.add(64); + + storeAModel = createStoreChart(labels, values); + storeAModel.setExtender("storeAChartExtender"); + } + + public void createStoreBChart(List labels) { + List values = new ArrayList<>(); + values.add(81); + values.add(75); + values.add(63); + values.add(100); + values.add(69); + values.add(79); + values.add(38); + values.add(37); + values.add(76); + + storeBModel = createStoreChart(labels, values); + storeBModel.setExtender("storeBChartExtender"); + } + + public void createStoreCChart(List labels) { + List values = new ArrayList<>(); + values.add(99); + values.add(55); + values.add(22); + values.add(72); + values.add(24); + values.add(79); + values.add(35); + values.add(91); + values.add(48); + + storeCModel = createStoreChart(labels, values); + storeCModel.setExtender("storeCChartExtender"); + } + + public void createStoreDChart(List labels) { + List values = new ArrayList<>(); + values.add(5); + values.add(51); + values.add(68); + values.add(82); + values.add(28); + values.add(21); + values.add(29); + values.add(45); + values.add(44); + + storeDModel = createStoreChart(labels, values); + storeDModel.setExtender("storeDChartExtender"); + } + + public void calculateStore() { + // A + int randomNumber = (int) (Math.random() * 100 + 1); + ChartData data = storeAModel.getData(); + LineChartDataSet dataSet = (LineChartDataSet) data.getDataSet().get(0); + List values = dataSet.getData(); + + storeADiff = randomNumber - (int) values.get(values.size() - 1); + storeATotalValue += storeADiff; + values.remove(0); + values.add(randomNumber); + + // B + randomNumber = (int) (Math.random() * 100 + 1); + data = storeBModel.getData(); + dataSet = (LineChartDataSet) data.getDataSet().get(0); + values = dataSet.getData(); + + storeBDiff = randomNumber - (int) values.get(values.size() - 1); + storeBTotalValue += storeBDiff; + values.remove(0); + values.add(randomNumber); + + // C + randomNumber = (int) (Math.random() * 100 + 1); + data = storeCModel.getData(); + dataSet = (LineChartDataSet) data.getDataSet().get(0); + values = dataSet.getData(); + + storeCDiff = randomNumber - (int) values.get(values.size() - 1); + storeCTotalValue += storeCDiff; + values.remove(0); + values.add(randomNumber); + + // D + randomNumber = (int) (Math.random() * 100 + 1); + data = storeDModel.getData(); + dataSet = (LineChartDataSet) data.getDataSet().get(0); + values = dataSet.getData(); + + storeDDiff = randomNumber - (int) values.get(values.size() - 1); + storeDTotalValue += storeDDiff; + values.remove(0); + values.add(randomNumber); + } + + public List getProducts() { + return products; + } + + public BarChartModel getMonthlyChartModel() { + return monthlyChartModel; + } + + public DonutChartModel getDonutChartModel() { + return donutChartModel; + } + + public PieChartModel getPieChartModel() { + return pieChartModel; + } + + public int getStoreADiff() { + return storeADiff; + } + + public void setStoreADiff(int storeADiff) { + this.storeADiff = storeADiff; + } + + public int getStoreBDiff() { + return storeBDiff; + } + + public void setStoreBDiff(int storeBDiff) { + this.storeBDiff = storeBDiff; + } + + public int getStoreCDiff() { + return storeCDiff; + } + + public void setStoreCDiff(int storeCDiff) { + this.storeCDiff = storeCDiff; + } + + public int getStoreDDiff() { + return storeDDiff; + } + + public void setStoreDDiff(int storeDDiff) { + this.storeDDiff = storeDDiff; + } + + public int getStoreATotalValue() { + return storeATotalValue; + } + + public void setStoreATotalValue(int storeATotalValue) { + this.storeATotalValue = storeATotalValue; + } + + public int getStoreBTotalValue() { + return storeBTotalValue; + } + + public void setStoreBTotalValue(int storeBTotalValue) { + this.storeBTotalValue = storeBTotalValue; + } + + public int getStoreCTotalValue() { + return storeCTotalValue; + } + + public void setStoreCTotalValue(int storeCTotalValue) { + this.storeCTotalValue = storeCTotalValue; + } + + public int getStoreDTotalValue() { + return storeDTotalValue; + } + + public void setStoreDTotalValue(int storeDTotalValue) { + this.storeDTotalValue = storeDTotalValue; + } + + public LineChartModel getStoreAModel() { + return storeAModel; + } + + public LineChartModel getStoreBModel() { + return storeBModel; + } + + public LineChartModel getStoreCModel() { + return storeCModel; + } + + public LineChartModel getStoreDModel() { + return storeDModel; + } +} diff --git a/src/main/java/org/primefaces/demo/view/favorites/DashboardView.java b/src/main/java/org/primefaces/demo/view/favorites/DashboardView.java new file mode 100644 index 0000000..ceb53ae --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/favorites/DashboardView.java @@ -0,0 +1,433 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.favorites; + +import java.io.Serializable; +import java.util.ArrayList; +import java.util.Arrays; +import java.util.List; +import java.util.regex.Matcher; +import java.util.regex.Pattern; + +import javax.annotation.PostConstruct; +import javax.faces.bean.ManagedBean; +import javax.faces.bean.SessionScoped; +import javax.inject.Inject; + +//import javax.inject.Named; +import org.primefaces.model.charts.ChartData; +import org.primefaces.model.charts.line.LineChartDataSet; +import org.primefaces.model.charts.line.LineChartModel; +import org.primefaces.model.charts.line.LineChartOptions; +import org.primefaces.model.charts.optionconfig.elements.Elements; +import org.primefaces.model.charts.optionconfig.elements.ElementsPoint; +import org.primefaces.model.charts.optionconfig.legend.Legend; +import org.primefaces.model.charts.optionconfig.tooltip.Tooltip; +import org.primefaces.demo.domain.Product; +import org.primefaces.demo.service.ProductService; +import org.springframework.beans.factory.annotation.Autowired; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +//@Component("dashboardView") +//@Scope("view") +@ManagedBean(name = "dashboardView", eager = true) +@SessionScoped +public class DashboardView implements Serializable { + + private List products; + private List chatMessages; + private String[] chatEmojis; + private List chronolineEvents; + + private LineChartModel ordersChartModel; + private LineChartModel overviewChartModel1; + private LineChartModel overviewChartModel2; + private LineChartModel overviewChartModel3; + private LineChartModel overviewChartModel4; + + private String chatMessage = ""; + + @Autowired + private ProductService service; + + //@PostConstruct + public void init() { + if (this.service == null) { + this.service = new ProductService(); + this.service.init(); + } + products = this.service.getProducts(); + + chatMessages = new ArrayList<>(); + chatMessages.add(new Message("Ioni Bowcher", "images/avatar/ionibowcher.png", new ArrayList(Arrays.asList("Hey M. hope you are well.", "Our idea is accepted by the board. Now it's time to execute it")))); + chatMessages.add(new Message(new ArrayList(Arrays.asList("We did it! 🤠")))); + chatMessages.add(new Message("Ioni Bowcher", "images/avatar/ionibowcher.png", new ArrayList(Arrays.asList("That's really good!")))); + chatMessages.add(new Message(Arrays.asList("But it's important to ship MVP ASAP"))); + chatMessages.add(new Message("Ioni Bowcher", "images/avatar/ionibowcher.png", new ArrayList(Arrays.asList("I'll be looking at the process then, just to be sure 🤓")))); + chatMessages.add(new Message(new ArrayList(Arrays.asList("That's awesome. Thanks!")))); + + chatEmojis = new String[]{ + "😀", "😃", "😄", "😁", "😆", "😅", "😂", "🤣", "😇", "😉", "😊", "🙂", "🙃", "😋", "😌", "😍", "🥰", "😘", "😗", "😙", "😚", "🤪", "😜", "😝", "😛", + "🤑", "😎", "🤓", "🧐", "🤠", "🥳", "🤗", "🤡", "😏", "😶", "😐", "😑", "😒", "🙄", "🤨", "🤔", "🤫", "🤭", "🤥", "😳", "😞", "😟", "😠", "😡", "🤬", "😔", + "😟", "😠", "😡", "🤬", "😔", "😕", "🙁", "😬", "🥺", "😣", "😖", "😫", "😩", "🥱", "😤", "😮", "😱", "😨", "😰", "😯", "😦", "😧", "😢", "😥", "😪", "🤤" + }; + + chronolineEvents = new ArrayList<>(); + chronolineEvents.add(new Event("Ordered", "15/10/2020 10:30", "pi pi-shopping-cart", "#E91E63", "Richard Jones (C8012) has ordered a blue t-shirt for $79.")); + chronolineEvents.add(new Event("Processing", "15/10/2020 14:00", "pi pi-cog", "#FB8C00", "Order #99207 has processed succesfully.")); + chronolineEvents.add(new Event("Shipped", "15/10/2020 16:15", "pi pi-compass", "#673AB7", "Order #99207 has shipped with shipping code 2222302090.")); + chronolineEvents.add(new Event("Delivered", "16/10/2020 10:00", "pi pi-check-square", "#0097A7", "Richard Jones (C8012) has recieved his blue t-shirt.")); + + List labels = new ArrayList<>(); + labels.add("January"); + labels.add("February"); + labels.add("March"); + labels.add("April"); + labels.add("May"); + labels.add("June"); + labels.add("July"); + labels.add("August"); + labels.add("September"); + + createOrdersChart(labels); + createOverviewChart1(labels); + createOverviewChart2(labels); + createOverviewChart3(labels); + createOverviewChart4(labels); + } + + public void createOrdersChart(List labels) { + ordersChartModel = new LineChartModel(); + ChartData data = new ChartData(); + + data.setLabels(labels); + + LineChartDataSet dataSet1 = new LineChartDataSet(); + List values1 = new ArrayList<>(); + values1.add(31); + values1.add(83); + values1.add(69); + values1.add(29); + values1.add(62); + values1.add(25); + values1.add(59); + values1.add(26); + values1.add(46); + dataSet1.setData(values1); + dataSet1.setLabel("New Orders"); + dataSet1.setFill(true); + dataSet1.setBackgroundColor("rgba(77, 208, 225, 0.8)"); + dataSet1.setBorderWidth(2); + dataSet1.setBorderColor("#4DD0E1"); + dataSet1.setTension(0.4); + data.addChartDataSet(dataSet1); + + LineChartDataSet dataSet2 = new LineChartDataSet(); + List values2 = new ArrayList<>(); + values2.add(67); + values2.add(98); + values2.add(27); + values2.add(88); + values2.add(38); + values2.add(3); + values2.add(22); + values2.add(60); + values2.add(56); + dataSet2.setData(values2); + dataSet2.setLabel("Completed Orders"); + dataSet2.setFill(true); + dataSet2.setBackgroundColor("rgba(63, 81, 181, 0.8)"); + dataSet2.setBorderWidth(2); + dataSet2.setBorderColor("#3F51B5"); + dataSet2.setTension(0.4); + data.addChartDataSet(dataSet2); + + ordersChartModel.setData(data); + ordersChartModel.setExtender("ordersChartExtender"); + } + + public LineChartModel createOverviewChart(List labels, List values) { + LineChartModel overviewChartModel = new LineChartModel(); + ChartData data = new ChartData(); + + data.setLabels(labels); + + LineChartDataSet dataSet = new LineChartDataSet(); + dataSet.setData(values); + dataSet.setFill(true); + dataSet.setBackgroundColor("rgba(77, 208, 225, 0.8)"); + dataSet.setBorderWidth(2); + dataSet.setBorderColor("#4DD0E1"); + dataSet.setTension(0.4); + data.addChartDataSet(dataSet); + + LineChartOptions options = new LineChartOptions(); + + Legend legend = new Legend(); + legend.setDisplay(false); + options.setLegend(legend); + + Tooltip tooltip = new Tooltip(); + tooltip.setEnabled(false); + options.setTooltip(tooltip); + + Elements elements = new Elements(); + ElementsPoint point = new ElementsPoint(); + point.setRadius(0); + elements.setPoint(point); + options.setElements(elements); + + overviewChartModel.setOptions(options); + overviewChartModel.setData(data); + + return overviewChartModel; + } + + public void createOverviewChart1(List labels) { + List values = new ArrayList<>(); + values.add(50); + values.add(64); + values.add(32); + values.add(24); + values.add(18); + values.add(27); + values.add(20); + values.add(36); + values.add(30); + + overviewChartModel1 = createOverviewChart(labels, values); + overviewChartModel1.setExtender("overviewChartExtender1"); + } + + public void createOverviewChart2(List labels) { + List values = new ArrayList<>(); + values.add(11); + values.add(30); + values.add(52); + values.add(35); + values.add(39); + values.add(20); + values.add(14); + values.add(18); + values.add(29); + + overviewChartModel2 = createOverviewChart(labels, values); + overviewChartModel2.setExtender("overviewChartExtender2"); + } + + public void createOverviewChart3(List labels) { + List values = new ArrayList<>(); + values.add(20); + values.add(29); + values.add(39); + values.add(36); + values.add(45); + values.add(24); + values.add(28); + values.add(20); + values.add(15); + + overviewChartModel3 = createOverviewChart(labels, values); + overviewChartModel3.setExtender("overviewChartExtender3"); + } + + public void createOverviewChart4(List labels) { + List values = new ArrayList<>(); + values.add(30); + values.add(39); + values.add(50); + values.add(21); + values.add(33); + values.add(18); + values.add(10); + values.add(24); + values.add(20); + + overviewChartModel4 = createOverviewChart(labels, values); + overviewChartModel4.setExtender("overviewChartExtender4"); + } + + public void addEmoji(String emoji) { + chatMessage += emoji; + } + + public void addMessage() { + Message lastMessage = chatMessages.get(chatMessages.size() - 1); + + if (lastMessage.from != null) { + chatMessages.add(new Message(new ArrayList(Arrays.asList(chatMessage)))); + } else { + lastMessage.messages.add(chatMessage); + } + + Pattern pattern = Pattern.compile("primeng|primereact|primefaces|primevue", Pattern.CASE_INSENSITIVE); + Matcher matcher = pattern.matcher(chatMessage); + if (matcher.find()) { + chatMessages.add(new Message("Ioni Bowcher", "images/avatar/ionibowcher.png", new ArrayList(Arrays.asList("Always bet on Prime!")))); + } + + chatMessage = ""; + } + + public List getProducts() { + return products; + } + + public List getChatMessages() { + return chatMessages; + } + + public String[] getChatEmojis() { + return chatEmojis; + } + + public List getChronolineEvents() { + return chronolineEvents; + } + + public LineChartModel getOrdersChartModel() { + return ordersChartModel; + } + + public LineChartModel getOverviewChartModel1() { + return overviewChartModel1; + } + + public LineChartModel getOverviewChartModel2() { + return overviewChartModel2; + } + + public LineChartModel getOverviewChartModel3() { + return overviewChartModel3; + } + + public LineChartModel getOverviewChartModel4() { + return overviewChartModel4; + } + + public String getChatMessage() { + return chatMessage; + } + + public void setChatMessage(String chatMessage) { + this.chatMessage = chatMessage; + } + + public static class Event { + + private String status; + private String date; + private String icon; + private String color; + private String description; + + public Event() { + } + + public Event(String status, String date, String icon, String color, String description) { + this.status = status; + this.date = date; + this.icon = icon; + this.color = color; + this.description = description; + } + + public String getStatus() { + return status; + } + + public void setStatus(String status) { + this.status = status; + } + + public String getDate() { + return date; + } + + public void setDate(String date) { + this.date = date; + } + + public String getIcon() { + return icon; + } + + public void setIcon(String icon) { + this.icon = icon; + } + + public String getColor() { + return color; + } + + public void setColor(String color) { + this.color = color; + } + + public String getDescription() { + return description; + } + + public void setDescription(String description) { + this.description = description; + } + } + + public static class Message { + + private String from; + private String url; + private List messages; + + public Message() { + } + + public Message(List messages) { + this.messages = messages; + } + + public Message(String from, String url, List messages) { + this(messages); + this.from = from; + this.url = url; + } + + public String getFrom() { + return from; + } + + public void setFrom(String from) { + this.from = from; + } + + public String getUrl() { + return url; + } + + public void setUrl(String url) { + this.url = url; + } + + public List getMessages() { + return messages; + } + + public void setMessages(List messages) { + this.messages = messages; + } + } +} diff --git a/src/main/java/org/primefaces/demo/view/pages/CalendarDemoView.java b/src/main/java/org/primefaces/demo/view/pages/CalendarDemoView.java new file mode 100644 index 0000000..2b7f015 --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/pages/CalendarDemoView.java @@ -0,0 +1,317 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.pages; + +import java.io.Serializable; +import java.time.LocalDate; +import java.time.LocalDateTime; + +import javax.annotation.PostConstruct; +import javax.faces.application.FacesMessage; +import javax.faces.bean.ManagedBean; +import javax.faces.context.FacesContext; +import javax.faces.view.ViewScoped; +//import javax.inject.Named; + + +import org.primefaces.event.SelectEvent; +import org.primefaces.event.schedule.ScheduleEntryMoveEvent; +import org.primefaces.event.schedule.ScheduleEntryResizeEvent; +import org.primefaces.model.DefaultScheduleEvent; +import org.primefaces.model.DefaultScheduleModel; +import org.primefaces.model.ScheduleEvent; +import org.primefaces.model.ScheduleModel; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +@Component("calendarDemoView") +@Scope("view") +@ManagedBean(name="calendarDemoView", eager=true) +public class CalendarDemoView implements Serializable { + + private ScheduleModel eventModel; + + private ScheduleEvent event = new DefaultScheduleEvent(); + + private boolean showWeekends = true; + private boolean tooltip = true; + private boolean allDaySlot = true; + + private String timeFormat; + private String slotDuration="00:30:00"; + private String slotLabelInterval; + private String scrollTime="06:00:00"; + private String minTime="04:00:00"; + private String maxTime="20:00:00"; + private String locale="en"; + private String timeZone=""; + private String clientTimeZone="local"; + private String columnHeaderFormat=""; + + //@PostConstruct + public void init() { + eventModel = new DefaultScheduleModel(); + + DefaultScheduleEvent event = DefaultScheduleEvent.builder() + .title("Client A Meeting") + .startDate(previousDay8Pm()) + .endDate(previousDay11Pm()) + .description("Gather Requirements") + .build(); + eventModel.addEvent(event); + + event = DefaultScheduleEvent.builder() + .title("Sales Reports") + .startDate(today1Pm()) + .endDate(today6Pm()) + .description("Review Reports") + .overlapAllowed(true) + .build(); + eventModel.addEvent(event); + + event = DefaultScheduleEvent.builder() + .title("Webinar") + .startDate(nextDay9Am()) + .endDate(nextDay11Am()) + .description("Live Event") + .overlapAllowed(true) + .build(); + eventModel.addEvent(event); + + event = DefaultScheduleEvent.builder() + .title("Client B Meeting") + .startDate(theDayAfter3Pm()) + .endDate(fourDaysLater3pm()) + .description("Introduce Team") + .build(); + eventModel.addEvent(event); + + DefaultScheduleEvent scheduleEventAllDay=DefaultScheduleEvent.builder() + .title("Team Meeting") + .startDate(sevenDaysLater0am()) + .endDate(eightDaysLater0am()) + .description("Discuss Revenue Stream") + .allDay(true) + .build(); + eventModel.addEvent(scheduleEventAllDay); + } + + public LocalDateTime getRandomDateTime(LocalDateTime base) { + LocalDateTime dateTime = base.withMinute(0).withSecond(0).withNano(0); + return dateTime.plusDays(((int) (Math.random()*30))); + } + + + public ScheduleModel getEventModel() { + return eventModel; + } + + private LocalDateTime previousDay8Pm() { + return LocalDateTime.now().minusDays(1).withHour(20).withMinute(0).withSecond(0).withNano(0); + } + + private LocalDateTime previousDay11Pm() { + return LocalDateTime.now().minusDays(1).withHour(23).withMinute(0).withSecond(0).withNano(0); + } + + private LocalDateTime today1Pm() { + return LocalDateTime.now().withHour(13).withMinute(0).withSecond(0).withNano(0); + } + + private LocalDateTime theDayAfter3Pm() { + return LocalDateTime.now().plusDays(1).withHour(15).withMinute(0).withSecond(0).withNano(0); + } + + private LocalDateTime today6Pm() { + return LocalDateTime.now().withHour(18).withMinute(0).withSecond(0).withNano(0); + } + + private LocalDateTime nextDay9Am() { + return LocalDateTime.now().plusDays(1).withHour(9).withMinute(0).withSecond(0).withNano(0); + } + + private LocalDateTime nextDay11Am() { + return LocalDateTime.now().plusDays(1).withHour(11).withMinute(0).withSecond(0).withNano(0); + } + + private LocalDateTime fourDaysLater3pm() { + return LocalDateTime.now().plusDays(4).withHour(15).withMinute(0).withSecond(0).withNano(0); + } + + private LocalDateTime sevenDaysLater0am() { + return LocalDateTime.now().plusDays(7).withHour(0).withMinute(0).withSecond(0).withNano(0); + } + + private LocalDateTime eightDaysLater0am() { + return LocalDateTime.now().plusDays(7).withHour(0).withMinute(0).withSecond(0).withNano(0); + } + + public LocalDate getInitialDate() { + return LocalDate.now().plusDays(1); + } + + public ScheduleEvent getEvent() { + return event; + } + + public void setEvent(ScheduleEvent event) { + this.event = event; + } + + public void addEvent() { + if (event.isAllDay()) { + //see https://github.com/primefaces/primefaces/issues/1164 + if (event.getStartDate().toLocalDate().equals(event.getEndDate().toLocalDate())) { + event.setEndDate(event.getEndDate().plusDays(1)); + } + } + + if(event.getId() == null) + eventModel.addEvent(event); + else + eventModel.updateEvent(event); + + event = new DefaultScheduleEvent(); + } + + public void onEventSelect(SelectEvent selectEvent) { + event = selectEvent.getObject(); + } + + public void onDateSelect(SelectEvent selectEvent) { + event = DefaultScheduleEvent.builder().startDate(selectEvent.getObject()).endDate(selectEvent.getObject().plusHours(1)).build(); + } + + public void onEventMove(ScheduleEntryMoveEvent event) { + FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, "Event moved", "Delta:" + event.getDeltaAsDuration()); + + addMessage(message); + } + + public void onEventResize(ScheduleEntryResizeEvent event) { + FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, "Event resized", "Start-Delta:" + event.getDeltaStartAsDuration() + ", End-Delta: " + event.getDeltaEndAsDuration()); + + addMessage(message); + } + + private void addMessage(FacesMessage message) { + FacesContext.getCurrentInstance().addMessage(null, message); + } + + public boolean isShowWeekends() { + return showWeekends; + } + + public void setShowWeekends(boolean showWeekends) { + this.showWeekends = showWeekends; + } + + public boolean isTooltip() { + return tooltip; + } + + public void setTooltip(boolean tooltip) { + this.tooltip = tooltip; + } + + public boolean isAllDaySlot() { + return allDaySlot; + } + + public void setAllDaySlot(boolean allDaySlot) { + this.allDaySlot = allDaySlot; + } + + public String getTimeFormat() { + return timeFormat; + } + + public void setTimeFormat(String timeFormat) { + this.timeFormat = timeFormat; + } + + public String getSlotDuration() { + return slotDuration; + } + + public void setSlotDuration(String slotDuration) { + this.slotDuration = slotDuration; + } + + public String getSlotLabelInterval() { + return slotLabelInterval; + } + + public void setSlotLabelInterval(String slotLabelInterval) { + this.slotLabelInterval = slotLabelInterval; + } + + public String getScrollTime() { + return scrollTime; + } + + public void setScrollTime(String scrollTime) { + this.scrollTime = scrollTime; + } + + public String getMinTime() { + return minTime; + } + + public void setMinTime(String minTime) { + this.minTime = minTime; + } + + public String getMaxTime() { + return maxTime; + } + + public void setMaxTime(String maxTime) { + this.maxTime = maxTime; + } + + public String getLocale() { + return locale; + } + + public void setLocale(String locale) { + this.locale = locale; + } + + public String getTimeZone() { + return timeZone; + } + + public void setTimeZone(String timeZone) { + this.timeZone = timeZone; + } + + public String getClientTimeZone() { + return clientTimeZone; + } + + public void setClientTimeZone(String clientTimeZone) { + this.clientTimeZone = clientTimeZone; + } + + public String getColumnHeaderFormat() { + return columnHeaderFormat; + } + + public void setColumnHeaderFormat(String columnHeaderFormat) { + this.columnHeaderFormat = columnHeaderFormat; + } +} diff --git a/src/main/java/org/primefaces/demo/view/pages/ChronolineView.java b/src/main/java/org/primefaces/demo/view/pages/ChronolineView.java new file mode 100644 index 0000000..90197ff --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/pages/ChronolineView.java @@ -0,0 +1,122 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.pages; + +import java.util.ArrayList; +import java.util.List; + +import javax.annotation.PostConstruct; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; +//import javax.inject.Named; + +@Component("chronolineView") +@Scope("view") +public class ChronolineView { + + private List events; + private List events2; + + //@PostConstruct + public void init() { + events = new ArrayList<>(); + events.add(new Event("Ordered", "15/1/2021 10:30", "pi pi-shopping-cart", "#9C27B0", "game-controller.jpg")); + events.add(new Event("Processing", "15/1/2021 14:00", "pi pi-cog", "#673AB7")); + events.add(new Event("Shipped", "15/1/2021 16:15", "pi pi-envelope", "#FF9800")); + events.add(new Event("Delivered", "16/1/2021 10:00", "pi pi-check", "#607D8B")); + + events2 = new ArrayList<>(); + events2.add("2021"); + events2.add("2021"); + events2.add("2022"); + events2.add("2023"); + } + + public List getEvents() { + return events; + } + + public List getEvents2() { + return events2; + } + + public static class Event { + String status; + String date; + String icon; + String color; + String image; + + public Event() { + } + + public Event(String status, String date, String icon, String color) { + this.status = status; + this.date = date; + this.icon = icon; + this.color = color; + } + + public Event(String status, String date, String icon, String color, String image) { + this.status = status; + this.date = date; + this.icon = icon; + this.color = color; + this.image = image; + } + + public String getStatus() { + return status; + } + + public void setStatus(String status) { + this.status = status; + } + + public String getDate() { + return date; + } + + public void setDate(String date) { + this.date = date; + } + + public String getIcon() { + return icon; + } + + public void setIcon(String icon) { + this.icon = icon; + } + + public String getColor() { + return color; + } + + public void setColor(String color) { + this.color = color; + } + + public String getImage() { + return image; + } + + public void setImage(String image) { + this.image = image; + } + } + +} diff --git a/src/main/java/org/primefaces/demo/view/pages/CrudDemoView.java b/src/main/java/org/primefaces/demo/view/pages/CrudDemoView.java new file mode 100644 index 0000000..43ea3d1 --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/pages/CrudDemoView.java @@ -0,0 +1,131 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.pages; + +import java.io.Serializable; +import java.util.List; +import java.util.UUID; + +import javax.annotation.PostConstruct; +import javax.faces.application.FacesMessage; +import javax.faces.context.FacesContext; + +//import javax.inject.Named; + +import org.primefaces.PrimeFaces; +import org.primefaces.event.ToggleEvent; +import org.primefaces.model.Visibility; +import org.primefaces.demo.domain.Product; +import org.primefaces.demo.service.OrderService; +import org.primefaces.demo.service.ProductService; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +@Component("crudDemoView") +@Scope("view") +public class CrudDemoView implements Serializable { + + private List products; + + private Product selectedProduct; + + private List selectedProducts; + + //@Inject + private ProductService productService; + + //@Inject + private OrderService orderService; + + //@PostConstruct + public void init() { + this.products = this.productService.getClonedProducts(30); + } + + public List getProducts() { + return products; + } + + public Product getSelectedProduct() { + return selectedProduct; + } + + public void setSelectedProduct(Product selectedProduct) { + this.selectedProduct = selectedProduct; + } + + public List getSelectedProducts() { + return selectedProducts; + } + + public void setSelectedProducts(List selectedProducts) { + this.selectedProducts = selectedProducts; + } + + public void openNew() { + this.selectedProduct = new Product(); + } + + public void saveProduct() { + if (this.selectedProduct.getCode() == null) { + this.selectedProduct.setCode(UUID.randomUUID().toString().replaceAll("-", "").substring(0, 9)); + this.products.add(this.selectedProduct); + FacesContext.getCurrentInstance().addMessage(null, new FacesMessage("Product Added")); + } + else { + FacesContext.getCurrentInstance().addMessage(null, new FacesMessage("Product Updated")); + } + + PrimeFaces.current().executeScript("PF('manageProductDialog').hide()"); + PrimeFaces.current().ajax().update("form:messages", "form:dt-products"); + } + + public void deleteProduct() { + this.products.remove(this.selectedProduct); + this.selectedProduct = null; + FacesContext.getCurrentInstance().addMessage(null, new FacesMessage("Product Removed")); + PrimeFaces.current().ajax().update("form:messages", "form:dt-products"); + } + + public String getDeleteButtonMessage() { + if (hasSelectedProducts()) { + int size = this.selectedProducts.size(); + return size > 1 ? size + " products selected" : "1 product selected"; + } + + return "Delete"; + } + + public boolean hasSelectedProducts() { + return this.selectedProducts != null && !this.selectedProducts.isEmpty(); + } + + public void deleteSelectedProducts() { + this.products.removeAll(this.selectedProducts); + this.selectedProducts = null; + FacesContext.getCurrentInstance().addMessage(null, new FacesMessage("Products Removed")); + PrimeFaces.current().ajax().update("form:messages", "form:dt-products"); + } + + public void onRowToggle(ToggleEvent event) { + if (event.getVisibility() == Visibility.VISIBLE) { + Product product = (Product) event.getData(); + if (product.getOrders() == null) { + product.setOrders(orderService.getOrders((int) (Math.random() * 10))); + } + } + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/demo/view/pages/InvoiceDemoView.java b/src/main/java/org/primefaces/demo/view/pages/InvoiceDemoView.java new file mode 100644 index 0000000..47f0aca --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/pages/InvoiceDemoView.java @@ -0,0 +1,160 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.pages; + +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; + +import javax.annotation.PostConstruct; +import javax.faces.bean.ManagedBean; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; +//import javax.inject.Named; + +@Component("invoiceDemoView") +@Scope("view") +@ManagedBean(name="invoiceDemoView", eager=true) +public class InvoiceDemoView { + + private List billData; + private List productData; + + //@PostConstruct + public void init() { + billData = new ArrayList<>(); + billData.add(new Bill("TOYOKSU SYSCOM CORPORATION 11-27, MEIEKI 4-CHROME NAKAMURA-KU, NAGOYA 450-0002 JAPAN", "30/08/2021", "A/3100", "N/A")); + + productData = new ArrayList<>(); + productData.add(new Product("License A", "4", "$99.00", "$396.00")); + productData.add(new Product("License B", "1", "$790.00", "$790.00")); + productData.add(new Product("License C", "2", "$59.00", "$118.00")); + } + + public List getBillData() { + return billData; + } + + public void setBillData(List billData) { + this.billData = billData; + } + + public List getProductData() { + return productData; + } + + public void setProductData(List productData) { + this.productData = productData; + } + + public static class Bill implements Serializable { + private String to; + private String date; + private String no; + private String notes; + + public Bill() { + } + + public Bill(String to, String date, String no, String notes) { + this.to = to; + this.date = date; + this.no = no; + this.notes = notes; + } + + public String getTo() { + return to; + } + + public void setTo(String to) { + this.to = to; + } + + public String getDate() { + return date; + } + + public void setDate(String date) { + this.date = date; + } + + public String getNo() { + return no; + } + + public void setNo(String no) { + this.no = no; + } + + public String getNotes() { + return notes; + } + + public void setNotes(String notes) { + this.notes = notes; + } + } + + public static class Product implements Serializable { + private String description; + private String quantity; + private String price; + private String total; + + public Product() { + } + + public Product(String description, String quantity, String price, String total) { + this.description = description; + this.quantity = quantity; + this.price = price; + this.total = total; + } + + public String getDescription() { + return description; + } + + public void setDescription(String description) { + this.description = description; + } + + public String getQuantity() { + return quantity; + } + + public void setQuantity(String quantity) { + this.quantity = quantity; + } + + public String getPrice() { + return price; + } + + public void setPrice(String price) { + this.price = price; + } + + public String getTotal() { + return total; + } + + public void setTotal(String total) { + this.total = total; + } + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/demo/view/primeblocks/BlocksDemoView.java b/src/main/java/org/primefaces/demo/view/primeblocks/BlocksDemoView.java new file mode 100644 index 0000000..ea1adf8 --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/primeblocks/BlocksDemoView.java @@ -0,0 +1,458 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.primeblocks; + +import java.io.Serializable; +import javax.faces.bean.ManagedBean; + +import javax.faces.view.ViewScoped; +//import javax.inject.Named; + +import org.primefaces.PrimeFaces; +import org.primefaces.util.EscapeUtils; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +@Component("blocksDemoView") +@Scope("view") +@ManagedBean(name="blocksDemoView", eager=true) +public class BlocksDemoView implements Serializable { + + private final String block1 = "
\n" + + "
\n" + + "
\n" + + " Create the screens your\n" + + "
your visitors deserve to see
\n" + + "

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

\n" + + "\n" + + " \n" + + " \n" + + "
\n" + + "
\n" + + "
\n" + + " \n" + + "
\n" + + "
"; + + private final String block2 = "
\n" + + "
\n" + + " One Product, \n" + + " Many Solutions\n" + + "
\n" + + "
Ac turpis egestas maecenas pharetra convallis posuere morbi leo urna.\n" + + "
\n" + + "
\n" + + "
\n" + + " \n" + + " \n" + + " \n" + + "
Built for Developers
\n" + + " Duis aute irure dolor in reprehenderit in voluptate\n" + + " velit esse cillum dolore eu fugiat nulla pariatur.\n" + + "
\n" + + "
\n" + + " \n" + + " \n" + + " \n" + + "
End-to-End Encryption
\n" + + " Risus nec feugiat in fermentum posuere urna nec.\n" + + " Posuere sollicitudin aliquam ultrices sagittis.\n" + + "
\n" + + "
\n" + + " \n" + + " \n" + + " \n" + + "
Easy to Use
\n" + + " Ornare suspendisse sed nisi lacus sed viverra\n" + + " tellus. Neque volutpat ac tincidunt vitae semper.\n" + + "
\n" + + "
\n" + + " \n" + + " \n" + + " \n" + + "
Fast & Global Support
\n" + + " Fermentum et sollicitudin ac orci phasellus egestas\n" + + " tellus rutrum tellus.\n" + + "
\n" + + "
\n" + + " \n" + + " \n" + + " \n" + + "
Open Source
\n" + + " Nec tincidunt praesent semper feugiat. Sed\n" + + " adipiscing diam donec adipiscing tristique risus nec feugiat. \n" + + "
\n" + + "
\n" + + " \n" + + " \n" + + " \n" + + "
Trusted Securitty
\n" + + " Mattis rhoncus urna neque viverra justo nec\n" + + " ultrices. Id cursus metus aliquam eleifend.\n" + + "
\n" + + "
\n" + + "
"; + + private final String block3 = "
\n" + + "
Pricing Plans
\n" + + "
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.
\n" + + "\n" + + "
\n" + + "
\n" + + "
\n" + + "
\n" + + "
Basic
\n" + + "
Plan description
\n" + + "
\n" + + "
\n" + + " $9\n" + + " per month\n" + + "
\n" + + "
\n" + + "
    \n" + + "
  • \n" + + " \n" + + " Arcu vitae elementum\n" + + "
    • \n" + + "
  • \n" + + " \n" + + " Dui faucibus in ornare\n" + + "
    • \n" + + "
  • \n" + + " \n" + + " Morbi tincidunt augue\n" + + "
    • \n" + + "
\n" + + "
\n" + + " \n" + + "
\n" + + "
\n" + + "
\n" + + "\n" + + "
\n" + + "
\n" + + "
\n" + + "
Premium
\n" + + "
Plan description
\n" + + "
\n" + + "
\n" + + " $29\n" + + " per month\n" + + "
\n" + + "
\n" + + "
    \n" + + "
  • \n" + + " \n" + + " Arcu vitae elementum\n" + + "
    • \n" + + "
  • \n" + + " \n" + + " Dui faucibus in ornare\n" + + "
    • \n" + + "
  • \n" + + " \n" + + " Morbi tincidunt augue\n" + + "
    • \n" + + "
  • \n" + + " \n" + + " Duis ultricies lacus sed\n" + + "
    • \n" + + "
\n" + + "
\n" + + " \n" + + "
\n" + + "
\n" + + "
\n" + + "\n" + + "
\n" + + "
\n" + + "
\n" + + "
Enterprise
\n" + + "
Plan description
\n" + + "
\n" + + "
\n" + + " $49\n" + + " per month\n" + + "
\n" + + "
\n" + + "
    \n" + + "
  • \n" + + " \n" + + " Arcu vitae elementum\n" + + "
    • \n" + + "
  • \n" + + " \n" + + " Dui faucibus in ornare\n" + + "
    • \n" + + "
  • \n" + + " \n" + + " Morbi tincidunt augue\n" + + "
    • \n" + + "
  • \n" + + " \n" + + " Duis ultricies lacus sed\n" + + "
    • \n" + + "
  • \n" + + " \n" + + " Imperdiet proin\n" + + "
    • \n" + + "
  • \n" + + " \n" + + " Nisi scelerisque\n" + + "
    • \n" + + "
\n" + + "
\n" + + " \n" + + "
\n" + + "
\n" + + "
\n" + + "
\n" + + "
"; + + private final String block4 = "
\n" + + "
 POWERED BY DISCORD
\n" + + "
Join Our Design Community
\n" + + "
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit numquam eligendi quos.
\n" + + " \n" + + "
"; + + private final String block5 = "
\n" + + "
\uD83D\uDD25 Hot Deals!
\n" + + " \n" + + "
\n" + + " Learn More\n" + + "
\n" + + " \n" + + " \n" + + " \n" + + "
"; + + private final String block6 = "
\n" + + "
    \n" + + "
  • \n" + + " Application\n" + + "
    • \n" + + "
  • \n" + + " \n" + + "
    • \n" + + "
  • \n" + + " Analytics\n" + + "
    • \n" + + "
\n" + + "
\n" + + "
\n" + + "
Customers
\n" + + "
\n" + + "
\n" + + " \n" + + " 332 Active Users\n" + + "
\n" + + "
\n" + + " \n" + + " 9402 Sessions\n" + + "
\n" + + "
\n" + + " \n" + + " 2.32m Avg. Duration\n" + + "
\n" + + "
\n" + + "
\n" + + "
\n" + + " \n" + + " \n" + + "
\n" + + "
\n" + + "
" ; + + private final String block7 = "
\n" + + "
\uD83C\uDF55 Choice of all Ninja Turtles
\n" + + "

Excepteur sint occaecat cupidatat\n" + + " non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

\n" + + "\n" + + "
\n" + + "
\n" + + "
\n" + + "
Neapolitan
\n" + + "
995
\n" + + "

Nostrum laborum accusamus quia iste facere possimus minus itaque error unde.

\n" + + "
\n" + + "
\n" + + "
\n" + + "
\n" + + "
Pepperoni
\n" + + "
1504
\n" + + "

Nostrum laborum accusamus quia iste facere possimus minus itaque error unde.

\n" + + "
\n" + + "
\n" + + "
\n" + + "
\n" + + "
Margherita
\n" + + "
2038
\n" + + "

Nostrum laborum accusamus quia iste facere possimus minus itaque error unde.

\n" + + "
\n" + + "
\n" + + "
\n" + + "
\n" + + "
BBQ Chicken
\n" + + "
766
\n" + + "

Nostrum laborum accusamus quia iste facere possimus minus itaque error unde.

\n" + + "
\n" + + "
\n" + + "
\n" + + "
"; + + private final String block8 = "
\n" + + "
\n" + + "
\n" + + " \n" + + "
Welcome Back
\n" + + " Don't have an account?\n" + + " Create today!\n" + + "
\n" + + "\n" + + "
\n" + + " \n" + + " \n" + + "\n" + + " \n" + + " \n" + + "\n" + + "
\n" + + "
\n" + + " \n" + + " \n" + + "
\n" + + " Forgot your password?\n" + + "
\n" + + "\n" + + " \n" + + "
\n" + + "
\n" + + "
" ; + + private final String block9 = "
\n" + + "
Movie Information
\n" + + "
Morbi tristique blandit turpis. In viverra ligula id nulla hendrerit rutrum.
\n" + + "
    \n" + + "
  • \n" + + "
    Title
    \n" + + "
    Heat
    \n" + + "
    \n" + + " \n" + + "
    \n" + + "
    • \n" + + "
  • \n" + + "
    Genre
    \n" + + "
    \n" + + " \n" + + " \n" + + " \n" + + "
    \n" + + "
    \n" + + " \n" + + "
    \n" + + "
    • \n" + + "
  • \n" + + "
    Director
    \n" + + "
    Michael Mann
    \n" + + "
    \n" + + " \n" + + "
    \n" + + "
    • \n" + + "
  • \n" + + "
    Actors
    \n" + + "
    Robert De Niro, Al Pacino
    \n" + + "
    \n" + + " \n" + + "
    \n" + + "
    • \n" + + "
  • \n" + + "
    Plot
    \n" + + "
    \n" + + " A group of professional bank robbers start to feel the heat from police\n" + + " when they unknowingly leave a clue at their latest heist.\n" + + "
    \n" + + "
    \n" + + " \n" + + "
    \n" + + "
    • \n" + + "
\n" + + "
" ; + + private final String block10 = "
\n" + + "
Card Title
\n" + + "
Vivamus id nisl interdum, blandit augue sit amet, eleifend mi.
\n" + + "
\n" + + "
" ; + + public String getBlock1() { + return block1; + } + + public String getBlock2() { + return block2; + } + + public String getBlock3() { + return block3; + } + + public String getBlock4() { + return block4; + } + + public String getBlock5() { + return block5; + } + + public String getBlock6() { + return block6; + } + + public String getBlock7() { + return block7; + } + + public String getBlock8() { + return block8; + } + + public String getBlock9() { + return block9; + } + + public String getBlock10() { + return block10; + } + + public void copyCode(String code) { + PrimeFaces.current().executeScript("navigator.clipboard.writeText('" + EscapeUtils.forJavaScript(code) + "')"); + } +} diff --git a/src/main/java/org/primefaces/demo/view/uikit/ChartDemoView.java b/src/main/java/org/primefaces/demo/view/uikit/ChartDemoView.java new file mode 100644 index 0000000..32414df --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/uikit/ChartDemoView.java @@ -0,0 +1,364 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.uikit; + +import java.io.Serializable; +import java.util.ArrayList; +import java.util.List; + +import javax.annotation.PostConstruct; +import javax.faces.application.FacesMessage; +import javax.faces.bean.ManagedBean; +import javax.faces.context.FacesContext; +//import javax.inject.Named; + +import org.primefaces.event.ItemSelectEvent; +import org.primefaces.model.charts.ChartData; +import org.primefaces.model.charts.bar.BarChartDataSet; +import org.primefaces.model.charts.bar.BarChartModel; +import org.primefaces.model.charts.donut.DonutChartDataSet; +import org.primefaces.model.charts.donut.DonutChartModel; +import org.primefaces.model.charts.line.LineChartDataSet; +import org.primefaces.model.charts.line.LineChartModel; +import org.primefaces.model.charts.pie.PieChartDataSet; +import org.primefaces.model.charts.pie.PieChartModel; +import org.primefaces.model.charts.polar.PolarAreaChartDataSet; +import org.primefaces.model.charts.polar.PolarAreaChartModel; +import org.primefaces.model.charts.radar.RadarChartDataSet; +import org.primefaces.model.charts.radar.RadarChartModel; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +//@Component("chartDemoView") +@Scope("view") +@ManagedBean(name="chartDemoView", eager=true) +public class ChartDemoView implements Serializable { + + private LineChartModel lineModel; + + private PieChartModel pieModel; + + private PolarAreaChartModel polarAreaModel; + + private BarChartModel barModel; + + private DonutChartModel donutModel; + + private RadarChartModel radarModel; + + //@PostConstruct + public void init() { + createLineModel(); + createPieModel(); + createPolarAreaModel(); + createBarModel(); + createDonutModel(); + createRadarModel(); + } + + public void createLineModel() { + lineModel = new LineChartModel(); + ChartData data = new ChartData(); + + LineChartDataSet dataSet = new LineChartDataSet(); + List values = new ArrayList<>(); + values.add(65); + values.add(59); + values.add(80); + values.add(81); + values.add(56); + values.add(55); + values.add(40); + dataSet.setData(values); + dataSet.setFill(false); + dataSet.setLabel("My First Dataset"); + dataSet.setBorderColor("rgb(75, 192, 192)"); + dataSet.setTension(0.1); + data.addChartDataSet(dataSet); + + List labels = new ArrayList<>(); + labels.add("January"); + labels.add("February"); + labels.add("March"); + labels.add("April"); + labels.add("May"); + labels.add("June"); + labels.add("July"); + data.setLabels(labels); + + lineModel.setData(data); + lineModel.setExtender("chartExtender"); + } + + private void createPieModel() { + pieModel = new PieChartModel(); + ChartData data = new ChartData(); + + PieChartDataSet dataSet = new PieChartDataSet(); + List values = new ArrayList<>(); + values.add(300); + values.add(50); + values.add(100); + dataSet.setData(values); + + List bgColors = new ArrayList<>(); + bgColors.add("rgb(255, 99, 132)"); + bgColors.add("rgb(54, 162, 235)"); + bgColors.add("rgb(255, 205, 86)"); + dataSet.setBackgroundColor(bgColors); + + data.addChartDataSet(dataSet); + List labels = new ArrayList<>(); + labels.add("Red"); + labels.add("Blue"); + labels.add("Yellow"); + data.setLabels(labels); + + pieModel.setData(data); + pieModel.setExtender("chartExtenderCircle"); + } + + private void createPolarAreaModel() { + polarAreaModel = new PolarAreaChartModel(); + ChartData data = new ChartData(); + + PolarAreaChartDataSet dataSet = new PolarAreaChartDataSet(); + List values = new ArrayList<>(); + values.add(11); + values.add(16); + values.add(7); + values.add(3); + values.add(14); + dataSet.setData(values); + + List bgColors = new ArrayList<>(); + bgColors.add("rgb(255, 99, 132)"); + bgColors.add("rgb(75, 192, 192)"); + bgColors.add("rgb(255, 205, 86)"); + bgColors.add("rgb(201, 203, 207)"); + bgColors.add("rgb(54, 162, 235)"); + dataSet.setBackgroundColor(bgColors); + + data.addChartDataSet(dataSet); + List labels = new ArrayList<>(); + labels.add("Red"); + labels.add("Green"); + labels.add("Yellow"); + labels.add("Grey"); + labels.add("Blue"); + data.setLabels(labels); + + polarAreaModel.setData(data); + polarAreaModel.setExtender("chartExtenderRScale"); + } + + public void createBarModel() { + barModel = new BarChartModel(); + ChartData data = new ChartData(); + + BarChartDataSet barDataSet = new BarChartDataSet(); + barDataSet.setLabel("My First Dataset"); + + List values = new ArrayList<>(); + values.add(65); + values.add(59); + values.add(80); + values.add(81); + values.add(56); + values.add(55); + values.add(40); + barDataSet.setData(values); + + List bgColor = new ArrayList<>(); + bgColor.add("rgba(255, 99, 132, 0.2)"); + bgColor.add("rgba(255, 159, 64, 0.2)"); + bgColor.add("rgba(255, 205, 86, 0.2)"); + bgColor.add("rgba(75, 192, 192, 0.2)"); + bgColor.add("rgba(54, 162, 235, 0.2)"); + bgColor.add("rgba(153, 102, 255, 0.2)"); + bgColor.add("rgba(201, 203, 207, 0.2)"); + barDataSet.setBackgroundColor(bgColor); + + List borderColor = new ArrayList<>(); + borderColor.add("rgb(255, 99, 132)"); + borderColor.add("rgb(255, 159, 64)"); + borderColor.add("rgb(255, 205, 86)"); + borderColor.add("rgb(75, 192, 192)"); + borderColor.add("rgb(54, 162, 235)"); + borderColor.add("rgb(153, 102, 255)"); + borderColor.add("rgb(201, 203, 207)"); + barDataSet.setBorderColor(borderColor); + barDataSet.setBorderWidth(1); + + data.addChartDataSet(barDataSet); + + List labels = new ArrayList<>(); + labels.add("January"); + labels.add("February"); + labels.add("March"); + labels.add("April"); + labels.add("May"); + labels.add("June"); + labels.add("July"); + data.setLabels(labels); + + barModel.setData(data); + barModel.setExtender("chartExtender"); + } + + + public void createRadarModel() { + radarModel = new RadarChartModel(); + ChartData data = new ChartData(); + + RadarChartDataSet radarDataSet = new RadarChartDataSet(); + radarDataSet.setLabel("My First Dataset"); + radarDataSet.setFill(true); + radarDataSet.setBackgroundColor("rgba(255, 99, 132, 0.2)"); + radarDataSet.setBorderColor("rgb(255, 99, 132)"); + radarDataSet.setPointBackgroundColor("rgb(255, 99, 132)"); + radarDataSet.setPointBorderColor("#fff"); + radarDataSet.setPointHoverBackgroundColor("#fff"); + radarDataSet.setPointHoverBorderColor("rgb(255, 99, 132)"); + List dataVal = new ArrayList<>(); + dataVal.add(65); + dataVal.add(59); + dataVal.add(90); + dataVal.add(81); + dataVal.add(56); + dataVal.add(55); + dataVal.add(40); + radarDataSet.setData(dataVal); + + RadarChartDataSet radarDataSet2 = new RadarChartDataSet(); + radarDataSet2.setLabel("My Second Dataset"); + radarDataSet2.setFill(true); + radarDataSet2.setBackgroundColor("rgba(54, 162, 235, 0.2)"); + radarDataSet2.setBorderColor("rgb(54, 162, 235)"); + radarDataSet2.setPointBackgroundColor("rgb(54, 162, 235)"); + radarDataSet2.setPointBorderColor("#fff"); + radarDataSet2.setPointHoverBackgroundColor("#fff"); + radarDataSet2.setPointHoverBorderColor("rgb(54, 162, 235)"); + List dataVal2 = new ArrayList<>(); + dataVal2.add(28); + dataVal2.add(48); + dataVal2.add(40); + dataVal2.add(19); + dataVal2.add(96); + dataVal2.add(27); + dataVal2.add(100); + radarDataSet2.setData(dataVal2); + + data.addChartDataSet(radarDataSet); + data.addChartDataSet(radarDataSet2); + + List labels = new ArrayList<>(); + labels.add("Eating"); + labels.add("Drinking"); + labels.add("Sleeping"); + labels.add("Designing"); + labels.add("Coding"); + labels.add("Cycling"); + labels.add("Running"); + data.setLabels(labels); + + radarModel.setData(data); + radarModel.setExtender("chartExtenderRScale"); + } + + public void createDonutModel() { + donutModel = new DonutChartModel(); + ChartData data = new ChartData(); + + DonutChartDataSet dataSet = new DonutChartDataSet(); + List values = new ArrayList<>(); + values.add(300); + values.add(50); + values.add(100); + dataSet.setData(values); + + List bgColors = new ArrayList<>(); + bgColors.add("rgb(255, 99, 132)"); + bgColors.add("rgb(54, 162, 235)"); + bgColors.add("rgb(255, 205, 86)"); + dataSet.setBackgroundColor(bgColors); + + data.addChartDataSet(dataSet); + List labels = new ArrayList<>(); + labels.add("Red"); + labels.add("Blue"); + labels.add("Yellow"); + data.setLabels(labels); + + donutModel.setData(data); + donutModel.setExtender("chartExtenderCircle"); + } + + public void itemSelect(ItemSelectEvent event) { + FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_INFO, "Item selected", + "Item Index: " + event.getItemIndex() + ", DataSet Index:" + event.getDataSetIndex()); + + FacesContext.getCurrentInstance().addMessage(null, msg); + } + + public PieChartModel getPieModel() { + return pieModel; + } + + public void setPieModel(PieChartModel pieModel) { + this.pieModel = pieModel; + } + + public PolarAreaChartModel getPolarAreaModel() { + return polarAreaModel; + } + + public void setPolarAreaModel(PolarAreaChartModel polarAreaModel) { + this.polarAreaModel = polarAreaModel; + } + + public LineChartModel getLineModel() { + return lineModel; + } + + public void setLineModel(LineChartModel lineModel) { + this.lineModel = lineModel; + } + + public BarChartModel getBarModel() { + return barModel; + } + + public void setBarModel(BarChartModel barModel) { + this.barModel = barModel; + } + + public RadarChartModel getRadarModel() { + return radarModel; + } + + public void setRadarModel(RadarChartModel radarModel) { + this.radarModel = radarModel; + } + + public DonutChartModel getDonutModel() { + return donutModel; + } + + public void setDonutModel(DonutChartModel donutModel) { + this.donutModel = donutModel; + } +} diff --git a/src/main/java/org/primefaces/demo/view/uikit/DataTableDemoView.java b/src/main/java/org/primefaces/demo/view/uikit/DataTableDemoView.java new file mode 100644 index 0000000..b06147e --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/uikit/DataTableDemoView.java @@ -0,0 +1,108 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.uikit; + +import java.io.Serializable; +import java.util.List; + +import javax.annotation.PostConstruct; +import javax.faces.bean.ManagedBean; + +//import javax.inject.Named; + +import org.primefaces.event.ToggleEvent; +import org.primefaces.model.Visibility; +import org.primefaces.demo.domain.Customer; +import org.primefaces.demo.domain.Product; +import org.primefaces.demo.service.CustomerService; +import org.primefaces.demo.service.OrderService; +import org.primefaces.demo.service.ProductService; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +@Component("dataTableDemoView") +@Scope("view") +@ManagedBean(name="dataTableDemoView", eager=true) +public class DataTableDemoView implements Serializable { + + private List customers1; + + private List customers2; + + private List products1; + + private Customer selectedCustomer; + + private List selectedCustomers; + + //@Inject + private CustomerService service; + + //@Inject + private ProductService productService; + + //@Inject + private OrderService orderService; + + //@PostConstruct + public void init() { + customers1 = service.getCustomers(50); + customers2 = service.getCustomers(50); + products1 = productService.getProducts(); + } + + public long getTotalCount(String name) { + return customers1.stream().filter(customers -> name.equals(customers.getRepresentative().getName())).count(); + } + + public void onRowToggle(ToggleEvent event) { + if (event.getVisibility() == Visibility.VISIBLE) { + Product product = (Product) event.getData(); + if (product.getOrders() == null) { + product.setOrders(orderService.getOrders((int) (Math.random() * 10))); + } + } + } + + public List getCustomers1() { + return customers1; + } + + public List getCustomers2() { + return customers2; + } + + public List getProducts1() { + return products1; + } + + public List getSelectedCustomers() { + return selectedCustomers; + } + + public void setSelectedCustomers(List selectedCustomers) { + this.selectedCustomers = selectedCustomers; + } + + public Customer getSelectedCustomer() { + return selectedCustomer; + } + + public void setSelectedCustomer(Customer selectedCustomer) { + this.selectedCustomer = selectedCustomer; + } + +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/demo/view/uikit/FileDemoView.java b/src/main/java/org/primefaces/demo/view/uikit/FileDemoView.java new file mode 100644 index 0000000..a2e6292 --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/uikit/FileDemoView.java @@ -0,0 +1,56 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.uikit; + + +import javax.faces.application.FacesMessage; +import javax.faces.bean.ManagedBean; +import javax.faces.context.FacesContext; +//import javax.inject.Named; + +import org.primefaces.event.FileUploadEvent; +import org.primefaces.model.file.UploadedFile; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +@Component("fileDemoView") +@Scope("view") +@ManagedBean(name="fileDemoView", eager=true) +public class FileDemoView { + + private UploadedFile file; + + public UploadedFile getFile() { + return file; + } + + public void setFile(UploadedFile file) { + this.file = file; + } + + + public void upload() { + if (file != null) { + FacesMessage message = new FacesMessage("Successful", file.getFileName() + " is uploaded."); + FacesContext.getCurrentInstance().addMessage(null, message); + } + } + + public void handleFileUpload(FileUploadEvent event) { + FacesMessage msg = new FacesMessage("Successful", event.getFile().getFileName() + " is uploaded."); + FacesContext.getCurrentInstance().addMessage(null, msg); + } +} diff --git a/src/main/java/org/primefaces/demo/view/uikit/InputDemoView.java b/src/main/java/org/primefaces/demo/view/uikit/InputDemoView.java new file mode 100644 index 0000000..6d7dc21 --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/uikit/InputDemoView.java @@ -0,0 +1,41 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.uikit; + +import java.util.ArrayList; +import java.util.List; +import javax.faces.bean.ManagedBean; + + +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; +//import javax.inject.Named; + +@Component("inputDemoView") +@Scope("view") +@ManagedBean(name="inputDemoView", eager=true) +public class InputDemoView { + + public List completeText(String query) { + List results = new ArrayList<>(); + for(int i = 0; i < 10; i++) { + results.add(query + i); + } + + return results; + } + +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/demo/view/uikit/ListDemoView.java b/src/main/java/org/primefaces/demo/view/uikit/ListDemoView.java new file mode 100644 index 0000000..d0bf536 --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/uikit/ListDemoView.java @@ -0,0 +1,90 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.uikit; + +import java.util.ArrayList; +import java.util.List; + +import javax.annotation.PostConstruct; +import javax.faces.bean.ManagedBean; +import org.primefaces.model.DualListModel; +import org.primefaces.demo.domain.Product; +import org.primefaces.demo.service.ProductService; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +@Component("listDemoView") +@Scope("view") +@ManagedBean(name = "listDemoView", eager = true) +public class ListDemoView { + + private DualListModel cities1 = new DualListModel(); + + private List cities2; + + private List products; + + //@Inject + private ProductService service; + + //@PostConstruct + public void init() { + List citiesSource = new ArrayList(); + List citiesTarget = new ArrayList(); + + citiesSource.add("San Francisco"); + citiesSource.add("London"); + citiesSource.add("Paris"); + citiesSource.add("Istanbul"); + citiesSource.add("Berlin"); + citiesSource.add("Barcelona"); + citiesSource.add("Rome"); + + cities1 = new DualListModel(citiesSource, citiesTarget); + + cities2 = new ArrayList(); + cities2.add("San Francisco"); + cities2.add("London"); + cities2.add("Paris"); + cities2.add("Istanbul"); + cities2.add("Berlin"); + cities2.add("Barcelona"); + cities2.add("Rome"); + if (this.service == null) { + this.service = new ProductService(); + this.service.init(); + } + this.products = this.service.getProducts(); + } + + public DualListModel getCities1() { + return cities1; + } + + public List getCities2() { + return cities2; + } + + public List getProducts() { + if (this.service == null) { + this.service = new ProductService(); + this.service.init(); + } + this.products = this.service.getProducts(); + return products; + } + +} diff --git a/src/main/java/org/primefaces/demo/view/uikit/MediaDemoView.java b/src/main/java/org/primefaces/demo/view/uikit/MediaDemoView.java new file mode 100644 index 0000000..b77a688 --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/uikit/MediaDemoView.java @@ -0,0 +1,85 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.uikit; + +import java.util.ArrayList; +import java.util.List; + +import javax.annotation.PostConstruct; +import javax.faces.bean.ManagedBean; + + +import org.primefaces.model.ResponsiveOption; +import org.primefaces.demo.domain.Photo; +import org.primefaces.demo.service.PhotoService; +import org.primefaces.demo.domain.Product; +import org.primefaces.demo.service.ProductService; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +@Component("mediaDemoView") +@Scope("view") +@ManagedBean(name="mediaDemoView", eager=true) +public class MediaDemoView { + + private List products; + + private List responsiveOptions; + + private List photos; + + //@Inject + private ProductService productService; + + //@Inject + private PhotoService photoService; + + //@PostConstruct + public void init() { + products = productService.getProducts(9); + responsiveOptions = new ArrayList<>(); + responsiveOptions.add(new ResponsiveOption("1024px", 3, 3)); + responsiveOptions.add(new ResponsiveOption("768px", 2, 2)); + responsiveOptions.add(new ResponsiveOption("560px", 1, 1)); + + photos = photoService.getPhotos(); + } + + public List getProducts() { + return products; + } + + public void setProductService(ProductService productService) { + this.productService = productService; + } + + public void setPhotoService(PhotoService photoService) { + this.photoService = photoService; + } + + public List getResponsiveOptions() { + return responsiveOptions; + } + + public void setResponsiveOptions(List responsiveOptions) { + this.responsiveOptions = responsiveOptions; + } + + public List getPhotos() { + return photos; + } + +} diff --git a/src/main/java/org/primefaces/demo/view/uikit/MessageDemoView.java b/src/main/java/org/primefaces/demo/view/uikit/MessageDemoView.java new file mode 100644 index 0000000..cc6cb6d --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/uikit/MessageDemoView.java @@ -0,0 +1,43 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.uikit; + + +import javax.faces.application.FacesMessage; +import javax.faces.bean.ManagedBean; +import javax.faces.context.FacesContext; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; +//import javax.inject.Named; + +@Component("messageDemoView") +@Scope("view") +@ManagedBean(name="messageDemoView", eager=true) +public class MessageDemoView { + + public void info() { + FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, "Info", "Message Detail")); + } + + public void warn() { + FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_WARN, "Warning", "Message Detail")); + } + + public void error() { + FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(FacesMessage.SEVERITY_ERROR, "Error", "Message Detail")); + } +} + diff --git a/src/main/java/org/primefaces/demo/view/uikit/OverlayDemoView.java b/src/main/java/org/primefaces/demo/view/uikit/OverlayDemoView.java new file mode 100644 index 0000000..229fe03 --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/uikit/OverlayDemoView.java @@ -0,0 +1,60 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.uikit; + +import java.util.List; + +import javax.annotation.PostConstruct; +import javax.faces.bean.ManagedBean; + + +//import javax.inject.Named; + +import org.primefaces.demo.domain.Customer; +import org.primefaces.demo.service.CustomerService; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +@Component("overlayDemoView") +@Scope("view") +@ManagedBean(name="overlayDemoView", eager=true) +public class OverlayDemoView { + + private List customers; + + private Customer selectedCustomer; + + //@Inject + private CustomerService service; + + //@PostConstruct + public void init() { + this.customers = this.service.getCustomers(10); + } + + public List getCustomers() { + return customers; + } + + + public Customer getSelectedCustomer() { + return selectedCustomer; + } + + public void setSelectedCustomer(Customer selectedCustomer) { + this.selectedCustomer = selectedCustomer; + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/demo/view/uikit/TreeDemoView.java b/src/main/java/org/primefaces/demo/view/uikit/TreeDemoView.java new file mode 100644 index 0000000..07e103f --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/uikit/TreeDemoView.java @@ -0,0 +1,78 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.uikit; + +import java.io.Serializable; + +import javax.annotation.PostConstruct; +import javax.faces.bean.ManagedBean; + +//import javax.inject.Named; + +import org.primefaces.model.TreeNode; +import org.primefaces.demo.service.DocumentService; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + + +@Scope("view") +@ManagedBean(name="treeDemoView", eager=true) +public class TreeDemoView implements Serializable { + + private TreeNode root1; + private TreeNode root2; + private TreeNode root3; + private TreeNode[] selectedNodes1; + private TreeNode[] selectedNodes2; + + //@Inject + private DocumentService service; + + //@PostConstruct + public void init() { + root1 = service.createCheckboxDocuments(); + root2 = service.createCheckboxDocuments(); + root3 = service.createDocuments(); + } + + public TreeNode getRoot1() { + return root1; + } + + public TreeNode getRoot2() { + return root2; + } + + public TreeNode getRoot3() { + return root3; + } + + public TreeNode[] getSelectedNodes1() { + return selectedNodes1; + } + + public void setSelectedNodes1(TreeNode[] selectedNodes1) { + this.selectedNodes1 = selectedNodes1; + } + + public TreeNode[] getSelectedNodes2() { + return selectedNodes2; + } + + public void setSelectedNodes2(TreeNode[] selectedNodes2) { + this.selectedNodes2 = selectedNodes2; + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/demo/view/utilities/PrimeIconsView.java b/src/main/java/org/primefaces/demo/view/utilities/PrimeIconsView.java new file mode 100644 index 0000000..da03ef7 --- /dev/null +++ b/src/main/java/org/primefaces/demo/view/utilities/PrimeIconsView.java @@ -0,0 +1,114 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.demo.view.utilities; + +import java.io.*; +import java.net.URL; +import java.nio.charset.Charset; +import java.util.ArrayList; +import java.util.List; +import java.util.logging.Level; +import java.util.logging.Logger; + +import javax.annotation.PostConstruct; + +//import javax.inject.Named; + +import org.primefaces.shaded.json.JSONArray; +import org.primefaces.shaded.json.JSONException; +import org.primefaces.shaded.json.JSONObject; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +@Component("primeIconsView") +@Scope("view") +public class PrimeIconsView implements Serializable { + + private List icons; + + //@PostConstruct + public void init() { + icons = new ArrayList<>(); + + String url = "https://raw.githubusercontent.com/primefaces/primeicons/6.0.1/selection.json"; + try { + JSONObject json = readJsonFromUrl(url); + JSONArray iconsArray = json.getJSONArray("icons"); + for(int i = 0; i < iconsArray.length(); i++) { + JSONObject properties = iconsArray.optJSONObject(i).getJSONObject("properties"); + icons.add(new Icon(properties.getString("name"), properties.getInt("code"))); + } + } catch (IOException | JSONException ex) { + Logger.getLogger(PrimeIconsView.class.getName()).log(Level.SEVERE, null, ex); + } + } + + private static String readAll(Reader rd) throws IOException { + StringBuilder sb = new StringBuilder(); + int cp; + while ((cp = rd.read()) != -1) { + sb.append((char) cp); + } + return sb.toString(); + } + + public JSONObject readJsonFromUrl(String url) throws IOException, JSONException { + InputStream is = new URL(url).openStream(); + try { + BufferedReader rd = new BufferedReader(new InputStreamReader(is, Charset.forName("UTF-8"))); + String jsonText = readAll(rd); + JSONObject json = new JSONObject(jsonText); + return json; + } finally { + is.close(); + } + } + + public List getIcons() { + return icons; + } + + public void setIcons(List icons) { + this.icons = icons; + } + + public class Icon { + + private String name; + private int key; + + public Icon(String name, int key) { + this.name = name; + this.key = key; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public int getKey() { + return key; + } + + public void setKey(int key) { + this.key = key; + } + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/layout/App.java b/src/main/java/org/primefaces/layout/App.java new file mode 100644 index 0000000..87a201f --- /dev/null +++ b/src/main/java/org/primefaces/layout/App.java @@ -0,0 +1,260 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.layout; + +import java.io.Serializable; +import java.util.Map; +import javax.faces.bean.ManagedBean; +import javax.faces.bean.SessionScoped; + +//import javax.inject.Named; + +import javax.faces.context.FacesContext; + +import org.primefaces.model.menu.DefaultMenuItem; +import org.primefaces.model.menu.DefaultMenuModel; +import org.primefaces.model.menu.MenuModel; +import org.primefaces.layout.enums.InputStyleType; +import org.primefaces.layout.enums.LayoutType; +import org.primefaces.layout.enums.MenuType; +import org.primefaces.layout.enums.InlineMenuType; +import org.primefaces.layout.util.StyleClassBuilder; + +//@Component("app") +//@Scope("session") +@ManagedBean(name="app", eager=true) +@SessionScoped +public class App implements Serializable { + + /********** LAYOUT OPTIONS **********/ + + private String topbarTheme = "blue"; + + private String menuTheme = "light"; + + private String componentTheme = "indigo"; + + private LayoutType layoutMode = LayoutType.LIGHT; + + private MenuType menuMode = MenuType.STATIC; + + private InlineMenuType inlineMenuPosition = InlineMenuType.BOTTOM; + + private InputStyleType inputStyle = InputStyleType.FILLED; + + private boolean ripple = true; + + private boolean rtl = false; + + /************************************/ + + /** Theme and Layout */ + public String getTheme() { + return this.componentTheme + (this.isDarkLayout() ? "-dark" : ""); + } + + public String getLayout() { + return "layout-" + this.layoutMode.toString(); + } + + /** Layout Mode */ + public boolean isLightLayout() { + return LayoutType.LIGHT.equals(this.layoutMode); + } + public boolean isDarkLayout() { + return LayoutType.DARK.equals(this.layoutMode); + } + + /** Menu Modes */ + public boolean isStaticMenu() { + return MenuType.STATIC.equals(this.menuMode); + } + public boolean isOverlayMenu() { + return MenuType.OVERLAY.equals(this.menuMode); + } + public boolean isHorizontalMenu() { + return MenuType.HORIZONTAL.equals(this.menuMode); + } + public boolean isSlimMenu() { + return MenuType.SLIM.equals(this.menuMode); + } + + /** Inline Menu Positions */ + public boolean isTopInlineMenu() { + return InlineMenuType.TOP.equals(this.inlineMenuPosition); + } + public boolean isBottomInlineMenu() { + return InlineMenuType.BOTTOM.equals(this.inlineMenuPosition); + } + public boolean isBothInlineMenu() { + return InlineMenuType.BOTH.equals(this.inlineMenuPosition); + } + + /** InputStyle Modes */ + public boolean isFilledInputStyle() { + return InputStyleType.FILLED.equals(this.inputStyle); + } + public boolean isOutlinedInputStyle() { + return InputStyleType.OUTLINED.equals(this.inputStyle); + } + + /** Layout Classes */ + public String getBodyClass() { + return new StyleClassBuilder() + .add(this.isFilledInputStyle(), "ui-input-filled") + .add(!this.ripple, "ui-ripple-disabled") + .build(); + } + + public String getLayoutClass() { + return new StyleClassBuilder() + .add(this.isStaticMenu(), "layout-menu-static") + .add(this.isOverlayMenu(), "layout-menu-overlay") + .add(this.isHorizontalMenu(), "layout-menu-horizontal") + .add(this.isSlimMenu(), "layout-menu-slim") + .add(this.rtl, "layout-rtl") + .add(this.menuTheme != null, "layout-menu-" + this.menuTheme) + .add(this.topbarTheme != null, "layout-topbar-" + this.topbarTheme) + .build(); + } + + /** App Logo */ + public boolean isLogoLight() { + switch(this.topbarTheme) { + case "white": + case "yellow": + case "amber": + case "orange": + case "lime": + return false; + default: + return true; + } + } + + /** App BreadCrumb */ + public MenuModel getBreadCrumbModel() { + Map params = FacesContext.getCurrentInstance().getExternalContext().getRequestMap(); + Object homeOutcome = params.get("homeOutcome"); + Object value = params.get("value"); + Object outcome = params.get("outcome"); + + MenuModel model = new DefaultMenuModel(); + + DefaultMenuItem item = new DefaultMenuItem(); + item.setIcon("pi pi-home"); + if (homeOutcome != null) item.setOutcome(String.valueOf(homeOutcome)); + + model.getElements().add(item); + + if (value != null) { + String[] parts = String.valueOf(value).split(","); + + for(int i = 0; i < parts.length; i++) { + DefaultMenuItem pageItem = new DefaultMenuItem(); + + pageItem.setValue(parts[i]); + if (outcome != null && i == (parts.length - 1)) pageItem.setOutcome(String.valueOf(outcome)); + + model.getElements().add(pageItem); + } + } + + return model; + } + + /******* Getter and Setters ******/ + public void setComponentTheme(String componentTheme) { + this.componentTheme = componentTheme; + } + + public String getComponentTheme() { + return this.componentTheme; + } + + public void setTopbarTheme(String topbarTheme) { + this.topbarTheme = topbarTheme; + } + + public String getTopbarTheme() { + return this.topbarTheme; + } + + public void setMenuTheme(String menuTheme) { + this.menuTheme = menuTheme; + } + + public String getMenuTheme() { + return this.menuTheme; + } + + public void setLayoutMode(LayoutType layoutMode) { + this.layoutMode = layoutMode; + + if (isDarkLayout()) { + this.menuTheme = "dark"; + this.topbarTheme = "dark"; + } + else { + this.menuTheme = "light"; + this.topbarTheme = "blue"; + } + } + + public LayoutType getLayoutMode() { + return this.layoutMode; + } + + public void setMenuMode(MenuType menuMode) { + this.menuMode = menuMode; + } + + public MenuType getMenuMode() { + return this.menuMode; + } + + public void setInlineMenuPosition(InlineMenuType inlineMenuPosition) { + this.inlineMenuPosition = inlineMenuPosition; + } + + public InlineMenuType getInlineMenuPosition() { + return this.inlineMenuPosition; + } + + public void setInputStyle(InputStyleType inputStyle) { + this.inputStyle= inputStyle; + } + + public InputStyleType getInputStyle() { + return this.inputStyle; + } + + public void setRipple(boolean ripple) { + this.ripple = ripple; + } + + public boolean isRipple() { + return this.ripple; + } + + public void setRtl(boolean rtl) { + this.rtl = rtl; + } + + public boolean isRtl() { + return this.rtl; + } +} diff --git a/src/main/java/org/primefaces/layout/Config.java b/src/main/java/org/primefaces/layout/Config.java new file mode 100644 index 0000000..1edd272 --- /dev/null +++ b/src/main/java/org/primefaces/layout/Config.java @@ -0,0 +1,139 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.layout; + +import java.util.ArrayList; +import java.util.List; +import java.io.Serializable; + +//import javax.inject.Named; + +import javax.annotation.PostConstruct; +import javax.faces.bean.ManagedBean; +import javax.faces.bean.SessionScoped; +import javax.faces.bean.ViewScoped; +import org.springframework.context.annotation.Scope; +import org.springframework.stereotype.Component; + +@ManagedBean(name="config", eager=true) +@SessionScoped +public class Config implements Serializable { + + private List themes; + + private List menuThemes; + + private List topbarThemes; + + //@PostConstruct + public void init() { + themes = new ArrayList<>(); + themes.add(new Color("indigo", "#3F51B5")); + themes.add(new Color("pink", "#E91E63")); + themes.add(new Color("purple", "#9C27B0")); + themes.add(new Color("deeppurple", "#673AB7")); + themes.add(new Color("blue", "#2196F3")); + themes.add(new Color("lightblue", "#03A9F4")); + themes.add(new Color("cyan", "#00BCD4")); + themes.add(new Color("teal", "#009688")); + themes.add(new Color("green", "#4CAF50")); + themes.add(new Color("lightgreen", "#8BC34A")); + themes.add(new Color("lime", "#CDDC39")); + themes.add(new Color("yellow", "#FFEB3B")); + themes.add(new Color("amber", "#FFC107")); + themes.add(new Color("orange", "#FF9800")); + themes.add(new Color("deeporange", "#FF5722")); + themes.add(new Color("brown", "#795548")); + themes.add(new Color("bluegrey", "#607D8B")); + + menuThemes = new ArrayList<>(); + menuThemes.add(new Color("light", "#FDFEFF")); + menuThemes.add(new Color("dark", "#434B54")); + menuThemes.add(new Color("indigo", "#1A237E")); + menuThemes.add(new Color("bluegrey", "#37474F")); + menuThemes.add(new Color("brown", "#4E342E")); + menuThemes.add(new Color("cyan", "#006064")); + menuThemes.add(new Color("green", "#2E7D32")); + menuThemes.add(new Color("deeppurple", "#4527A0")); + menuThemes.add(new Color("deeporange", "#BF360C")); + menuThemes.add(new Color("pink", "#880E4F")); + menuThemes.add(new Color("purple", "#6A1B9A")); + menuThemes.add(new Color("teal", "#00695C")); + + topbarThemes = new ArrayList<>(); + topbarThemes.add(new Color("lightblue", "#2E88FF")); + topbarThemes.add(new Color("dark", "#363636")); + topbarThemes.add(new Color("white", "#FDFEFF")); + topbarThemes.add(new Color("blue", "#1565C0")); + topbarThemes.add(new Color("deeppurple", "#4527A0")); + topbarThemes.add(new Color("purple", "#6A1B9A")); + topbarThemes.add(new Color("pink", "#AD1457")); + topbarThemes.add(new Color("cyan", "#0097A7")); + topbarThemes.add(new Color("teal", "#00796B")); + topbarThemes.add(new Color("green", "#43A047")); + topbarThemes.add(new Color("lightgreen", "#689F38")); + topbarThemes.add(new Color("lime", "#AFB42B")); + topbarThemes.add(new Color("yellow", "#FBC02D")); + topbarThemes.add(new Color("amber", "#FFA000")); + topbarThemes.add(new Color("orange", "#FB8C00")); + topbarThemes.add(new Color("deeporange", "#D84315")); + topbarThemes.add(new Color("brown", "#5D4037")); + topbarThemes.add(new Color("grey", "#616161")); + topbarThemes.add(new Color("bluegrey", "#546E7A")); + topbarThemes.add(new Color("indigo", "#3F51B5")); + } + + public List getThemes() { + return themes; + } + + public List getMenuThemes() { + return menuThemes; + } + + public List getTopbarThemes() { + return topbarThemes; + } + + public static class Color { + private String name; + private String value; + + public Color() { + } + + public Color(String name, String value) { + this.name = name; + this.value = value; + } + + public String getName() { + return name; + } + + public void setName(String name) { + this.name = name; + } + + public String getValue() { + return value; + } + + public void setValue(String value) { + this.value = value; + } + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/layout/component/UltimaMenu.java b/src/main/java/org/primefaces/layout/component/UltimaMenu.java new file mode 100644 index 0000000..41626d2 --- /dev/null +++ b/src/main/java/org/primefaces/layout/component/UltimaMenu.java @@ -0,0 +1,166 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.layout.component; + +import javax.faces.component.UIComponent; +import javax.faces.context.FacesContext; +import javax.faces.component.UINamingContainer; +import javax.faces.component.UIOutput; +import javax.faces.component.UIViewRoot; +import javax.faces.event.AbortProcessingException; +import javax.faces.event.ComponentSystemEvent; +import javax.faces.event.ComponentSystemEventListener; +import javax.faces.event.ListenerFor; +import javax.faces.event.PostAddToViewEvent; + +import org.primefaces.component.menu.AbstractMenu; +import org.primefaces.component.api.Widget; + +@ListenerFor(sourceClass = UltimaMenu.class, systemEventClass = PostAddToViewEvent.class) +public class UltimaMenu extends AbstractMenu implements Widget, ComponentSystemEventListener { + + public static final String COMPONENT_TYPE = "org.primefaces.component.UltimaMenu"; + public static final String COMPONENT_FAMILY = "org.primefaces.component"; + private static final String DEFAULT_RENDERER = "org.primefaces.component.UltimaMenuRenderer"; + private static final String[] LEGACY_RESOURCES = new String[]{"primefaces.css", "jquery/jquery.js", "jquery/jquery-plugins.js", "primefaces.js"}; + private static final String[] MODERN_RESOURCES = new String[]{"components.css", "jquery/jquery.js", "jquery/jquery-plugins.js", "core.js"}; + private static final String[] DEPENDENCY_RESOURCES = new String[]{ + "primeicons/primeicons.css", + "js/layout.menu.js" + }; + + protected enum PropertyKeys { + + widgetVar, model, style, styleClass, stateKey, stateStorage; + + String toString; + + PropertyKeys(String toString) { + this.toString = toString; + } + + PropertyKeys() { + } + + public String toString() { + return ((this.toString != null) ? this.toString : super.toString()); + } + } + + public UltimaMenu() { + setRendererType(DEFAULT_RENDERER); + } + + public String getFamily() { + return COMPONENT_FAMILY; + } + + public java.lang.String getWidgetVar() { + return (java.lang.String) getStateHelper().eval(PropertyKeys.widgetVar, null); + } + + public void setWidgetVar(java.lang.String _widgetVar) { + getStateHelper().put(PropertyKeys.widgetVar, _widgetVar); + } + + public org.primefaces.model.menu.MenuModel getModel() { + return (org.primefaces.model.menu.MenuModel) getStateHelper().eval(PropertyKeys.model, null); + } + + public void setModel(org.primefaces.model.menu.MenuModel _model) { + getStateHelper().put(PropertyKeys.model, _model); + } + + public java.lang.String getStyle() { + return (java.lang.String) getStateHelper().eval(PropertyKeys.style, null); + } + + public void setStyle(java.lang.String _style) { + getStateHelper().put(PropertyKeys.style, _style); + } + + public java.lang.String getStyleClass() { + return (java.lang.String) getStateHelper().eval(PropertyKeys.styleClass, null); + } + + public void setStyleClass(java.lang.String _styleClass) { + getStateHelper().put(PropertyKeys.styleClass, _styleClass); + } + + public java.lang.String getStateKey() { + return (java.lang.String) getStateHelper().eval(PropertyKeys.stateKey, "pf-ultima-menu"); + } + + public void setStateKey(java.lang.String _stateKey) { + getStateHelper().put(PropertyKeys.stateKey, _stateKey); + } + + public java.lang.String getStateStorage() { + return (java.lang.String) getStateHelper().eval(PropertyKeys.stateStorage, "session"); + } + + public void setStateStorage(java.lang.String _stateStorage) { + getStateHelper().put(PropertyKeys.stateStorage, _stateStorage); + } + + public String resolveWidgetVar() { + FacesContext context = getFacesContext(); + String userWidgetVar = (String) getAttributes().get("widgetVar"); + + if (userWidgetVar != null) + return userWidgetVar; + else + return "widget_" + getClientId(context).replaceAll("-|" + UINamingContainer.getSeparatorChar(context), "_"); + } + + public void addComponentResource(String resource, String library) { + FacesContext context = getFacesContext(); + UIViewRoot root = context.getViewRoot(); + UIComponent component = context.getApplication().createComponent(UIOutput.COMPONENT_TYPE); + + if (resource.endsWith("css")) + component.setRendererType("javax.faces.resource.Stylesheet"); + else if (resource.endsWith("js")) + component.setRendererType("javax.faces.resource.Script"); + + component.getAttributes().put("library", library); + component.getAttributes().put("name", resource); + + root.addComponentResource(context, component); + } + + @Override + public void processEvent(ComponentSystemEvent event) throws AbortProcessingException { + if (event instanceof PostAddToViewEvent) { + boolean isPrimeConfig; + try { + isPrimeConfig = Class.forName("org.primefaces.config.PrimeConfiguration") != null; + } catch (ClassNotFoundException e) { + isPrimeConfig = false; + } + + String[] resources = (isPrimeConfig) ? MODERN_RESOURCES : LEGACY_RESOURCES; + + for (String resource : resources) { + addComponentResource(resource, "primefaces"); + } + + for (String dependency_resource : DEPENDENCY_RESOURCES) { + addComponentResource(dependency_resource, "layout"); + } + } + } +} diff --git a/src/main/java/org/primefaces/layout/component/UltimaMenuRenderer.java b/src/main/java/org/primefaces/layout/component/UltimaMenuRenderer.java new file mode 100644 index 0000000..48b81b5 --- /dev/null +++ b/src/main/java/org/primefaces/layout/component/UltimaMenuRenderer.java @@ -0,0 +1,465 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.layout.component; + +import java.io.IOException; +import java.lang.reflect.Method; +import java.util.ArrayList; +import java.util.LinkedHashMap; +import java.util.List; +import java.util.Map; + +import javax.faces.FacesException; +import javax.faces.component.UIComponent; +import javax.faces.context.FacesContext; +import javax.faces.context.ResponseWriter; +import javax.servlet.http.HttpServletRequest; + +import org.primefaces.component.api.AjaxSource; +import org.primefaces.component.api.UIOutcomeTarget; +import org.primefaces.component.menu.AbstractMenu; +import org.primefaces.component.menu.BaseMenuRenderer; +import org.primefaces.component.menuitem.UIMenuItem; +import org.primefaces.component.submenu.UISubmenu; +import org.primefaces.expression.SearchExpressionFacade; +import org.primefaces.model.menu.MenuElement; +import org.primefaces.model.menu.MenuItem; +import org.primefaces.model.menu.Separator; +import org.primefaces.model.menu.Submenu; +import org.primefaces.util.AjaxRequestBuilder; +import org.primefaces.util.ComponentTraversalUtils; + +public class UltimaMenuRenderer extends BaseMenuRenderer { + + @Override + protected void encodeMarkup(FacesContext context, AbstractMenu abstractMenu) throws IOException { + UltimaMenu menu = (UltimaMenu) abstractMenu; + ResponseWriter writer = context.getResponseWriter(); + String style = menu.getStyle(); + String styleClass = menu.getStyleClass(); + styleClass = (styleClass == null) ? "layout-menu" : "layout-menu " + styleClass; + + writer.startElement("ul", menu); + writer.writeAttribute("id", menu.getClientId(context), "id"); + writer.writeAttribute("role", "menu", null); + writer.writeAttribute("class", styleClass, "styleClass"); + if (style != null) { + writer.writeAttribute("style", style, "style"); + } + + if (menu.getElementsCount() > 0) { + encodeElements(context, menu, menu.getElements(), true); + } + + writer.endElement("ul"); + } + + protected void encodeElements(FacesContext context, AbstractMenu menu, List elements, boolean root) throws IOException { + int size = elements.size(); + + for (int i = 0; i < size; i++) { + encodeElement(context, menu, elements.get(i), root); + } + } + + protected void encodeElement(FacesContext context, AbstractMenu menu, MenuElement element, boolean root) throws IOException { + ResponseWriter writer = context.getResponseWriter(); + + if (element.isRendered()) { + if (element instanceof MenuItem) { + MenuItem menuItem = (MenuItem) element; + String menuItemClientId = (menuItem instanceof UIComponent) ? menuItem.getClientId() : menu.getClientId(context) + "_" + menuItem.getClientId(); + String containerStyle = menuItem.getContainerStyle(); + String containerStyleClass = menuItem.getContainerStyleClass(); + containerStyleClass = root ? (containerStyleClass != null ? containerStyleClass + " layout-root-menuitem" : "layout-root-menuitem") : containerStyleClass; + + writer.startElement("li", null); + writer.writeAttribute("id", menuItemClientId, null); + writer.writeAttribute("role", "menuitem", null); + + if (containerStyle != null) { + writer.writeAttribute("style", containerStyle, null); + } + if (containerStyleClass != null) { + writer.writeAttribute("class", containerStyleClass, null); + } + + encodeMenuItem(context, menu, menuItem, false); + + writer.endElement("li"); + } + else if (element instanceof Submenu) { + Submenu submenu = (Submenu) element; + String submenuClientId = (submenu instanceof UIComponent) ? ((UIComponent) submenu).getClientId() : menu.getClientId(context) + "_" + submenu.getId(); + String style = submenu.getStyle(); + String styleClass = submenu.getStyleClass(); + boolean expanded = submenu.isExpanded(); + styleClass = styleClass != null ? styleClass : null; + styleClass = root ? (styleClass != null ? styleClass + " layout-root-menuitem" : "layout-root-menuitem") : styleClass; + styleClass = expanded ? (styleClass != null ? styleClass + " active-menuitem" : "active-menuitem") : styleClass; + + writer.startElement("li", null); + writer.writeAttribute("id", submenuClientId, null); + writer.writeAttribute("role", "menuitem", null); + + if (style != null) { + writer.writeAttribute("style", style, null); + } + if (styleClass != null) { + writer.writeAttribute("class", styleClass, null); + } + + encodeSubmenu(context, menu, submenu, root); + + writer.endElement("li"); + } + else if (element instanceof Separator) { + encodeSeparator(context, (Separator) element); + } + } + } + + protected void encodeSubmenu(FacesContext context, AbstractMenu menu, Submenu submenu, boolean root) throws IOException { + ResponseWriter writer = context.getResponseWriter(); + String icon = submenu.getIcon(); + String label = submenu.getLabel(); + int childrenElementsCount = submenu.getElementsCount(); + boolean expanded = submenu.isExpanded(); + + if (root) { + writer.startElement("div", null); + writer.startElement("span", null); + writer.writeAttribute("class", "layout-menuitem-text", null); + writer.writeText(label, null); + writer.endElement("span"); + writer.endElement("div"); + } + + writer.startElement("a", null); + writer.writeAttribute("href", "#", null); + writer.writeAttribute("class", "ui-ripple", null); + writer.writeAttribute("tabindex", "0", null); + if (root && label != null) writer.writeAttribute("data-tooltip", label, null); + + encodeItemIcon(context, icon); + + if (label != null) { + writer.startElement("span", null); + writer.writeAttribute("class", "layout-menuitem-text", null); + writer.writeText(label, null); + writer.endElement("span"); + + writer.startElement("span", null); + writer.writeAttribute("class", "ink animate", null); + writer.endElement("span"); + + if (submenu instanceof UISubmenu) { + Map attrs = ((UISubmenu) submenu).getAttributes(); + Object badge = attrs.get("badge"); + Object badgeStyleClass = attrs.get("badgeStyleClass"); + encodeBadge(context, badge, badgeStyleClass); + } + + encodeToggleIcon(context, submenu, childrenElementsCount); + } + + writer.endElement("a"); + + //submenus and menuitems + if (childrenElementsCount > 0) { + writer.startElement("ul", null); + writer.writeAttribute("role", "menu", null); + if (expanded) { + writer.writeAttribute("style", "display:block", null); + } + encodeElements(context, menu, submenu.getElements(), false); + writer.endElement("ul"); + } + } + + protected void encodeItemIcon(FacesContext context, String icon) throws IOException { + if (icon != null) { + ResponseWriter writer = context.getResponseWriter(); + + writer.startElement("i", null); + writer.writeAttribute("class", icon + " layout-menuitem-icon", null); + writer.endElement("i"); + } + } + + protected void encodeToggleIcon(FacesContext context, Submenu submenu, int childrenElementsCount) throws IOException { + if (childrenElementsCount > 0) { + ResponseWriter writer = context.getResponseWriter(); + + writer.startElement("i", null); + writer.writeAttribute("class", "pi pi-fw pi-angle-down layout-submenu-toggler", null); + writer.endElement("i"); + } + } + + protected void encodeBadge(FacesContext context, Object value, Object styleClass) throws IOException { + if (value != null) { + ResponseWriter writer = context.getResponseWriter(); + String badgeClass = "ui-badge ui-widget ui-badge-no-gutter layout-menuitem-badge" + (styleClass != null ? " " + styleClass.toString() : ""); + + writer.startElement("span", null); + writer.writeAttribute("class", badgeClass, null); + writer.writeText(value.toString(), null); + writer.endElement("span"); + } + } + + @Override + protected void encodeSeparator(FacesContext context, Separator separator) throws IOException { + ResponseWriter writer = context.getResponseWriter(); + String style = separator.getStyle(); + String styleClass = separator.getStyleClass(); + styleClass = styleClass == null ? "Separator" : "Separator " + styleClass; + + //title + writer.startElement("li", null); + writer.writeAttribute("class", styleClass, null); + if (style != null) { + writer.writeAttribute("style", style, null); + } + + writer.endElement("li"); + } + + protected void encodeMenuItem(FacesContext context, AbstractMenu menu, MenuItem menuitem, boolean root) throws IOException { + ResponseWriter writer = context.getResponseWriter(); + String title = menuitem.getTitle(); + boolean disabled = menuitem.isDisabled(); + String style = menuitem.getStyle(); + String styleClass = menuitem.getStyleClass(); + styleClass = "ui-ripple" + (styleClass != null ? " " + styleClass : ""); + + writer.startElement("a", null); + if (title != null) { + writer.writeAttribute("title", title, null); + } + if (style != null) { + writer.writeAttribute("style", style, null); + } + if (styleClass != null) { + writer.writeAttribute("class", styleClass, null); + } + + if (disabled) { + writer.writeAttribute("href", "#", null); + writer.writeAttribute("onclick", "return false;", null); + } + else { + String onclick = menuitem.getOnclick(); + + //GET + if (menuitem.getUrl() != null || menuitem.getOutcome() != null) { + String targetURL = getTargetURL(context, (UIOutcomeTarget) menuitem); + writer.writeAttribute("href", targetURL, null); + + if (menuitem.getTarget() != null) { + writer.writeAttribute("target", menuitem.getTarget(), null); + } + } + //POST + else { + writer.writeAttribute("href", "#", null); + + UIComponent form = ComponentTraversalUtils.closestForm(context, menu); + if (form == null) { + throw new FacesException("MenuItem must be inside a form element"); + } + + String command; + if (menuitem.isDynamic()) { + String menuClientId = menu.getClientId(context); + Map> params = menuitem.getParams(); + if (params == null) { + params = new LinkedHashMap>(); + } + List idParams = new ArrayList(); + idParams.add(menuitem.getId()); + params.put(menuClientId + "_menuid", idParams); + + command = menuitem.isAjax() ? createAjaxRequest(context, menu, (AjaxSource) menuitem, form, params) : buildNonAjaxRequest(context, menu, form, menuClientId, params, true); + } + else { + command = menuitem.isAjax() ? createAjaxRequest(context, (AjaxSource) menuitem, form) : buildNonAjaxRequest(context, ((UIComponent) menuitem), form, ((UIComponent) menuitem).getClientId(context), true); + } + + onclick = (onclick == null) ? command : onclick + ";" + command; + } + + if (onclick != null) { + writer.writeAttribute("onclick", onclick, null); + } + + writer.writeAttribute("tabindex", "0", null); + } + + encodeMenuItemContent(context, menu, menuitem); + + writer.endElement("a"); + } + + @Override + protected void encodeMenuItemContent(FacesContext context, AbstractMenu menu, MenuItem menuitem) throws IOException { + ResponseWriter writer = context.getResponseWriter(); + String icon = menuitem.getIcon(); + Object value = menuitem.getValue(); + + encodeItemIcon(context, icon); + + if (value != null) { + writer.startElement("span", null); + writer.writeAttribute("class", "layout-menuitem-text", null); + writer.writeText(value, "value"); + writer.endElement("span"); + } + + if (menuitem instanceof UIMenuItem) { + Map attrs = ((UIMenuItem) menuitem).getAttributes(); + Object badge = attrs.get("badge"); + Object badgeStyleClass = attrs.get("badgeStyleClass"); + encodeBadge(context, badge, badgeStyleClass); + } + } + + @Override + protected void encodeScript(FacesContext context, AbstractMenu abstractMenu) throws IOException { + UltimaMenu menu = (UltimaMenu) abstractMenu; + String clientId = menu.getClientId(context); + HttpServletRequest req = (HttpServletRequest) FacesContext.getCurrentInstance().getExternalContext().getRequest(); + String pathname = req.getContextPath() + req.getServletPath(); + + ResponseWriter rw = context.getResponseWriter(); + rw.startElement("script", null); + rw.writeAttribute("id", clientId + "_s", null); + rw.writeAttribute("type", "text/javascript", null); + rw.write("PrimeFaces.cw(\"Ultima\",\""); + rw.write(menu.resolveWidgetVar()); + rw.write("\",{id:\""); + rw.write(clientId); + rw.write("\","); + // attrs + rw.write("stateKey:\""); + rw.write(menu.getStateKey()); + rw.write("\","); + rw.write("stateStorage:\""); + rw.write(menu.getStateStorage()); + rw.write("\","); + rw.write("pathname:\""); + rw.write(pathname); + rw.write("\""); + + rw.write("});"); + rw.endElement("script"); + } + + protected String createAjaxRequest(FacesContext context, AjaxSource source, UIComponent form) { + UIComponent component = (UIComponent) source; + String clientId = component.getClientId(context); + + AjaxRequestBuilder builder = getAjaxRequestBuilder(); + + builder.init() + .source(clientId) + .form(SearchExpressionFacade.resolveClientId(context, component, source.getForm())) + .process(component, source.getProcess()) + .update(component, source.getUpdate()) + .async(source.isAsync()) + .global(source.isGlobal()) + .delay(source.getDelay()) + .timeout(source.getTimeout()) + .partialSubmit(source.isPartialSubmit(), source.isPartialSubmitSet(), source.getPartialSubmitFilter()) + .resetValues(source.isResetValues(), source.isResetValuesSet()) + .ignoreAutoUpdate(source.isIgnoreAutoUpdate()) + .onstart(source.getOnstart()) + .onerror(source.getOnerror()) + .onsuccess(source.getOnsuccess()) + .oncomplete(source.getOncomplete()) + .params(component); + + if (form != null) { + builder.form(form.getClientId(context)); + } + + builder.preventDefault(); + + return builder.build(); + } + + protected String createAjaxRequest(FacesContext context, AbstractMenu menu, AjaxSource source, UIComponent form, + Map> params) { + + String clientId = menu.getClientId(context); + + AjaxRequestBuilder builder = getAjaxRequestBuilder(); + + builder.init() + .source(clientId) + .process(menu, source.getProcess()) + .update(menu, source.getUpdate()) + .async(source.isAsync()) + .global(source.isGlobal()) + .delay(source.getDelay()) + .timeout(source.getTimeout()) + .partialSubmit(source.isPartialSubmit(), source.isPartialSubmitSet(), source.getPartialSubmitFilter()) + .resetValues(source.isResetValues(), source.isResetValuesSet()) + .ignoreAutoUpdate(source.isIgnoreAutoUpdate()) + .onstart(source.getOnstart()) + .onerror(source.getOnerror()) + .onsuccess(source.getOnsuccess()) + .oncomplete(source.getOncomplete()) + .params(params); + + if (form != null) { + builder.form(form.getClientId(context)); + } + + builder.preventDefault(); + + return builder.build(); + } + + protected AjaxRequestBuilder getAjaxRequestBuilder() { + Class rootContext; + Object requestContextInstance; + AjaxRequestBuilder builder; + + try { + rootContext = Class.forName("org.primefaces.context.PrimeRequestContext"); + } catch (ClassNotFoundException ex) { + try { + rootContext = Class.forName("org.primefaces.context.RequestContext"); + } catch (ClassNotFoundException ex1) { + throw new RuntimeException(ex1); + } + } + + try { + Method method = rootContext.getMethod("getCurrentInstance"); + requestContextInstance = method.invoke(null); + + method = requestContextInstance.getClass().getMethod("getAjaxRequestBuilder"); + builder = (AjaxRequestBuilder) method.invoke(requestContextInstance); + } catch (Exception ex) { + throw new RuntimeException(ex); + } + + return builder; + } +} diff --git a/src/main/java/org/primefaces/layout/converters/InlineMenuTypeConverter.java b/src/main/java/org/primefaces/layout/converters/InlineMenuTypeConverter.java new file mode 100644 index 0000000..4a1ef55 --- /dev/null +++ b/src/main/java/org/primefaces/layout/converters/InlineMenuTypeConverter.java @@ -0,0 +1,51 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.layout.converters; + +import javax.faces.bean.ManagedBean; +import javax.faces.component.UIComponent; +import javax.faces.context.FacesContext; +import javax.faces.convert.Converter; +import javax.faces.convert.FacesConverter; + + +import org.primefaces.layout.enums.InlineMenuType; +import org.springframework.stereotype.Component; + +@FacesConverter(value = "org.primefaces.layout.inlineMenuTypeConverter") +@ManagedBean(name="inlineMenuTypeConverter", eager=true) +//@FacesConverter("inlineMenuTypeConverter") +@Component +public class InlineMenuTypeConverter implements Converter { + + @Override + public InlineMenuType getAsObject(FacesContext context, UIComponent component, String value) { + if (value != null && value.trim().length() > 0) { + return InlineMenuType.toType(value); + } + + return null; + } + + @Override + public String getAsString(FacesContext context, UIComponent component, Object value) { + if (value != null) { + return value.toString(); + } + + return null; + } +} diff --git a/src/main/java/org/primefaces/layout/converters/InputStyleTypeConverter.java b/src/main/java/org/primefaces/layout/converters/InputStyleTypeConverter.java new file mode 100644 index 0000000..84a3d24 --- /dev/null +++ b/src/main/java/org/primefaces/layout/converters/InputStyleTypeConverter.java @@ -0,0 +1,52 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.layout.converters; + +import javax.faces.bean.ManagedBean; +import javax.faces.component.UIComponent; +import javax.faces.context.FacesContext; +import javax.faces.convert.Converter; +import javax.faces.convert.FacesConverter; + +import org.primefaces.layout.enums.InputStyleType; +import org.springframework.stereotype.Component; + +@FacesConverter(value = "org.primefaces.layout.inputStyleTypeConverter") +@ManagedBean(name = "inputStyleTypeConverter", eager = true) + +//@FacesConverter("inputStyleTypeConverter") +@Component + +public class InputStyleTypeConverter implements Converter { + + @Override + public InputStyleType getAsObject(FacesContext context, UIComponent component, String value) { + if (value != null && value.trim().length() > 0) { + return InputStyleType.toType(value); + } + + return null; + } + + @Override + public String getAsString(FacesContext context, UIComponent component, Object value) { + if (value != null) { + return value.toString(); + } + + return null; + } +} diff --git a/src/main/java/org/primefaces/layout/converters/LayoutTypeConverter.java b/src/main/java/org/primefaces/layout/converters/LayoutTypeConverter.java new file mode 100644 index 0000000..d99ed71 --- /dev/null +++ b/src/main/java/org/primefaces/layout/converters/LayoutTypeConverter.java @@ -0,0 +1,49 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.layout.converters; + +import javax.faces.bean.ManagedBean; +import javax.faces.component.UIComponent; +import javax.faces.context.FacesContext; +import javax.faces.convert.Converter; +import javax.faces.convert.FacesConverter; + +import org.primefaces.layout.enums.LayoutType; +import org.springframework.stereotype.Component; + +@FacesConverter(value = "org.primefaces.layout.layoutTypeConverter") +@ManagedBean(name="layoutTypeConverter", eager=true) +@Component +public class LayoutTypeConverter implements Converter { + + @Override + public LayoutType getAsObject(FacesContext context, UIComponent component, String value) { + if (value != null && value.trim().length() > 0) { + return LayoutType.toType(value); + } + + return null; + } + + @Override + public String getAsString(FacesContext context, UIComponent component, Object value) { + if (value != null) { + return value.toString(); + } + + return null; + } +} diff --git a/src/main/java/org/primefaces/layout/converters/MenuTypeConverter.java b/src/main/java/org/primefaces/layout/converters/MenuTypeConverter.java new file mode 100644 index 0000000..3202255 --- /dev/null +++ b/src/main/java/org/primefaces/layout/converters/MenuTypeConverter.java @@ -0,0 +1,49 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.layout.converters; + +import javax.faces.bean.ManagedBean; +import javax.faces.component.UIComponent; +import javax.faces.context.FacesContext; +import javax.faces.convert.Converter; +import javax.faces.convert.FacesConverter; +import org.primefaces.layout.enums.MenuType; +import org.springframework.stereotype.Component; + +@FacesConverter(value = "org.primefaces.layout.menuTypeConverter") +@ManagedBean(name = "menuTypeConverter", eager = true) +//@FacesConverter("menuTypeConverter") +@Component +public class MenuTypeConverter implements Converter { + + @Override + public MenuType getAsObject(FacesContext context, UIComponent component, String value) { + if (value != null && value.trim().length() > 0) { + return MenuType.toType(value); + } + + return null; + } + + @Override + public String getAsString(FacesContext context, UIComponent component, Object value) { + if (value != null) { + return value.toString(); + } + + return null; + } +} diff --git a/src/main/java/org/primefaces/layout/enums/InlineMenuType.java b/src/main/java/org/primefaces/layout/enums/InlineMenuType.java new file mode 100644 index 0000000..dd7875e --- /dev/null +++ b/src/main/java/org/primefaces/layout/enums/InlineMenuType.java @@ -0,0 +1,50 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.layout.enums; + +public enum InlineMenuType { + + TOP("top"), + BOTTOM("bottom"), + BOTH("both"); + + private String toString; + + InlineMenuType() { + } + + InlineMenuType(String toString) { + this.toString = toString; + } + + @Override + public String toString() { + return ((this.toString != null) ? this.toString : super.toString()); + } + + public static InlineMenuType toType(String type) { + switch(type.toLowerCase()) { + case "top": + return InlineMenuType.TOP; + case "bottom": + return InlineMenuType.BOTTOM; + case "both": + return InlineMenuType.BOTH; + } + + return null; + } +} diff --git a/src/main/java/org/primefaces/layout/enums/InputStyleType.java b/src/main/java/org/primefaces/layout/enums/InputStyleType.java new file mode 100644 index 0000000..5a95eba --- /dev/null +++ b/src/main/java/org/primefaces/layout/enums/InputStyleType.java @@ -0,0 +1,47 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.layout.enums; + +public enum InputStyleType { + + OUTLINED("outlined"), + FILLED("filled"); + + private String toString; + + InputStyleType() { + } + + InputStyleType(String toString) { + this.toString = toString; + } + + @Override + public String toString() { + return ((this.toString != null) ? this.toString : super.toString()); + } + + public static InputStyleType toType(String type) { + switch(type.toLowerCase()) { + case "outlined": + return InputStyleType.OUTLINED; + case "filled": + return InputStyleType.FILLED; + } + + return null; + } +} diff --git a/src/main/java/org/primefaces/layout/enums/LayoutType.java b/src/main/java/org/primefaces/layout/enums/LayoutType.java new file mode 100644 index 0000000..fe101d0 --- /dev/null +++ b/src/main/java/org/primefaces/layout/enums/LayoutType.java @@ -0,0 +1,47 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.layout.enums; + +public enum LayoutType { + + LIGHT("light"), + DARK("dark"); + + private String toString; + + LayoutType() { + } + + LayoutType(String toString) { + this.toString = toString; + } + + @Override + public String toString() { + return ((this.toString != null) ? this.toString : super.toString()); + } + + public static LayoutType toType(String type) { + switch(type.toLowerCase()) { + case "light": + return LayoutType.LIGHT; + case "dark": + return LayoutType.DARK; + } + + return null; + } +} diff --git a/src/main/java/org/primefaces/layout/enums/MenuType.java b/src/main/java/org/primefaces/layout/enums/MenuType.java new file mode 100644 index 0000000..6fdbde6 --- /dev/null +++ b/src/main/java/org/primefaces/layout/enums/MenuType.java @@ -0,0 +1,53 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.layout.enums; + +public enum MenuType { + + STATIC("static"), + OVERLAY("overlay"), + HORIZONTAL("horizontal"), + SLIM("slim"); + + private String toString; + + MenuType() { + } + + MenuType(String toString) { + this.toString = toString; + } + + @Override + public String toString() { + return ((this.toString != null) ? this.toString : super.toString()); + } + + public static MenuType toType(String type) { + switch(type.toLowerCase()) { + case "static": + return MenuType.STATIC; + case "overlay": + return MenuType.OVERLAY; + case "horizontal": + return MenuType.HORIZONTAL; + case "slim": + return MenuType.SLIM; + } + + return null; + } +} \ No newline at end of file diff --git a/src/main/java/org/primefaces/layout/filter/CharacterEncodingFilter.java b/src/main/java/org/primefaces/layout/filter/CharacterEncodingFilter.java new file mode 100644 index 0000000..1aecc39 --- /dev/null +++ b/src/main/java/org/primefaces/layout/filter/CharacterEncodingFilter.java @@ -0,0 +1,51 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.layout.filter; + +import java.io.IOException; +import javax.servlet.Filter; +import javax.servlet.FilterChain; +import javax.servlet.FilterConfig; +import javax.servlet.ServletException; +import javax.servlet.ServletRequest; +import javax.servlet.ServletResponse; + + + +public class CharacterEncodingFilter implements Filter { + + + @Override + public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws IOException, ServletException { + req.setCharacterEncoding("UTF-8"); + resp.setCharacterEncoding("UTF-8"); + chain.doFilter(req, resp); + } + + + @Override + public void init(FilterConfig filterConfig) throws ServletException { + + } + + + @Override + public void destroy() { + + } + + +} diff --git a/src/main/java/org/primefaces/layout/util/StyleClassBuilder.java b/src/main/java/org/primefaces/layout/util/StyleClassBuilder.java new file mode 100644 index 0000000..7a9bcff --- /dev/null +++ b/src/main/java/org/primefaces/layout/util/StyleClassBuilder.java @@ -0,0 +1,72 @@ +/* + * Copyright 2009-2022 PrimeTek. + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * Licensed under PrimeFaces Commercial License, Version 1.0 (the "License"); + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ +package org.primefaces.layout.util; + +public class StyleClassBuilder { + + private final StringBuilder sb; + + public StyleClassBuilder() { + sb = new StringBuilder(16); + } + + public StyleClassBuilder add(boolean condition, String styleClass) { + if (condition) { + if (sb.length() != 0) { + sb.append(" "); + } + sb.append(styleClass); + } + return this; + } + + public StyleClassBuilder add(boolean condition, String styleClass, String notStyleClass) { + return add(condition, styleClass).add(!condition, notStyleClass); + } + + public StyleClassBuilder add(String styleClass) { + return add(isNotBlank(styleClass), styleClass); + } + + public StyleClassBuilder add(String defaultStyleClass, String userStyleClass) { + return add(defaultStyleClass).add(userStyleClass); + } + + public StyleClassBuilder addOrElse(String styleClass, String fallback) { + if (isNotBlank(styleClass)) { + return add(true, styleClass); + } + return add(fallback); + } + + public String build() { + String styleClass = sb.toString(); + sb.setLength(0); + return styleClass; + } + + public boolean isValueBlank(String value) { + if (value == null || value.length() == 0) { + return true; + } + + return false; + } + + public boolean isNotBlank(String value) { + return !isValueBlank(value); + } +} diff --git a/src/main/resources/BDTrizService/TrizVide.sql b/src/main/resources/BDTrizService/TrizVide.sql new file mode 100644 index 0000000..35f2c0c --- /dev/null +++ b/src/main/resources/BDTrizService/TrizVide.sql @@ -0,0 +1,834 @@ +CREATE TABLE public.service_fonctiongroupe ( + id serial NOT NULL, + fk_groupe character varying(50), + fk_fonction character varying(50), + can_create character varying(5), + can_update character varying(5), + can_update_date character varying(5), + can_delete character varying(5) +); + + +CREATE TABLE public.service_fonctionnaliter ( + id character varying(50) NOT NULL, + nom character varying +); + + +-- +-- Name: service_groupe; Type: TABLE; Schema: public; Owner: postgres +-- + +CREATE TABLE public.service_groupe ( + id character varying(50) NOT NULL, + nom_groupe character varying, + actif character varying +); + + + + + + +-- +-- Name: service_historique_manipulation; Type: TABLE; Schema: public; Owner: postgres +-- + +CREATE TABLE public.service_historique_manipulation ( + id bigint NOT NULL, + nom_table character varying, + id_ligne character varying, + type_manipumation character varying, + date_manipulation date, + heur_manipulation time without time zone, + old_valeur real, + new_valeur real, + fk_manipulateur character varying(50) +); + + +-- +-- Name: service_historiqueManipulation_id_seq; Type: SEQUENCE; Schema: public; Owner: postgres +-- + + +-- +-- Name: service_incrementation; Type: TABLE; Schema: public; Owner: postgres +-- + +CREATE TABLE public.service_incrementation ( + id serial NOT NULL, + code character varying(50), + date_mois date, + incr_telephone integer, + incr_client integer, + incr_stage integer, + incr_groups integer +); + + + +CREATE TABLE public.service_member ( + id serial NOT NULL, + fk_user character varying(50), + fk_groupe character varying(50) +); + + +CREATE TABLE public.service_user ( + userid character varying NOT NULL, + userpw character varying, + nom character varying, + prenom character varying, + telephone character varying(50), + mail character varying, + actif character varying DEFAULT true, + forcermap character varying(5) DEFAULT true +); + + + +-- +-- Name: service_wilaya; Type: TABLE; Schema: public; Owner: postgres +-- + +CREATE TABLE public.service_wilaya ( + nom_wilaya character varying, + id character(2) NOT NULL +); + + +ALTER TABLE ONLY public.service_fonctiongroupe + ADD CONSTRAINT service_fonctiongroupe_pkey PRIMARY KEY (id); + + +-- +-- Name: service_fonctionnaliter service_fonctionnaliter_pkey; Type: CONSTRAINT; Schema: public; Owner: postgres +-- + +ALTER TABLE ONLY public.service_fonctionnaliter + ADD CONSTRAINT service_fonctionnaliter_pkey PRIMARY KEY (id); + + +-- +-- Name: service_groupe service_groupe_pkey; Type: CONSTRAINT; Schema: public; Owner: postgres +-- + +ALTER TABLE ONLY public.service_groupe + ADD CONSTRAINT service_groupe_pkey PRIMARY KEY (id); + + + + +-- +-- Name: service_historique_manipulation service_historiqueManipulation_pkey; Type: CONSTRAINT; Schema: public; Owner: postgres +-- + +ALTER TABLE ONLY public.service_historique_manipulation + ADD CONSTRAINT "service_historiqueManipulation_pkey" PRIMARY KEY (id); + + +-- +-- Name: service_incrementation service_incrementation_pkey; Type: CONSTRAINT; Schema: public; Owner: postgres +-- + +ALTER TABLE ONLY public.service_incrementation + ADD CONSTRAINT service_incrementation_pkey PRIMARY KEY (id); + + +-- +-- Name: service_member service_member_pkey; Type: CONSTRAINT; Schema: public; Owner: postgres +-- + +ALTER TABLE ONLY public.service_member + ADD CONSTRAINT service_member_pkey PRIMARY KEY (id); + + +-- +-- Name: service_user service_user_pkey; Type: CONSTRAINT; Schema: public; Owner: postgres +-- + +ALTER TABLE ONLY public.service_user + ADD CONSTRAINT service_user_pkey PRIMARY KEY (userid); + + +-- +-- Name: service_wilaya service_wilaya_pkey; Type: CONSTRAINT; Schema: public; Owner: postgres +-- + +ALTER TABLE ONLY public.service_wilaya + ADD CONSTRAINT service_wilaya_pkey PRIMARY KEY (id); + + +ALTER TABLE ONLY public.service_fonctiongroupe + ADD CONSTRAINT "service_fonctionGroupe_fkFonction_fkey" FOREIGN KEY (fk_fonction) REFERENCES public.service_fonctionnaliter(id); + + + + +-- +-- Name: service_historique_manipulation service_historiqueManipulation_fkManipulateur_fkey; Type: FK CONSTRAINT; Schema: public; Owner: postgres +-- + +ALTER TABLE ONLY public.service_historique_manipulation + ADD CONSTRAINT "service_historiqueManipulation_fkManipulateur_fkey" FOREIGN KEY (fk_manipulateur) REFERENCES public.service_user(userid); + + +-- +-- Name: service_member service_member_fkUser_fkey; Type: FK CONSTRAINT; Schema: public; Owner: postgres +-- + +ALTER TABLE ONLY public.service_member + ADD CONSTRAINT "service_member_fkUser_fkey" FOREIGN KEY (fk_user) REFERENCES public.service_user(userid); + +-- +-- PostgreSQL database dump complete +-- + +--Abderrahmane 06/08/2025 +--user admin + +INSERT INTO public.service_groupe(id, nom_groupe,actif) VALUES ('admin', 'admin','true'); +INSERT INTO public.service_user(userid, userpw, nom, prenom, telephone, mail, actif, forcermap) VALUES ('admin', 'admin', 'admin', 'admin', '0560548029', 'contact@hydrotriz.com', 'true', 'true'); +INSERT INTO public.service_member(fk_user, fk_groupe) VALUES ('admin', 'admin'); +INSERT INTO public.service_fonctionnaliter(id, nom) VALUES ( 'User','User'); +INSERT INTO public.service_fonctiongroupe(fk_groupe, fk_fonction, can_create, can_update, can_update_date, can_delete) VALUES ('admin', 'User', 'true', 'true', 'true', 'true'); + +-- wilaya +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Adrar', 1); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Chlef', 2); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Laghouat', 3); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Oum El Bouaghi', 4); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Batna', 5); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Béjaïa', 6); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Biskra', 7); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Béchar', 8); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Blida', 9); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Bouira', 10); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Tamanrasset', 11); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Tébessa', 12); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Tlemcen', 13); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Tiaret', 14); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Tizi Ouzou', 15); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Alger', 16); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Djelfa', 17); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Jijel', 18); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Sétif', 19); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Saïda', 20); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Skikda', 21); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Sidi Bel Abbès', 22); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Annaba', 23); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Guelma', 24); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Constantine', 25); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Médéa', 26); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Mostaganem', 27); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('MSila', 28); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Mascara', 29); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Ouargla', 30); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Oran', 31); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('El Bayadh', 32); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Illizi', 33); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Bordj Bou Arréridj', 34); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Boumerdès', 35); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('El Tarf', 36); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Tindouf', 37); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Tissemsilt', 38); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('El Oued', 39); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Khenchela', 40); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Souk Ahras', 41); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Tipaza', 42); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Mila', 43); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Aïn Defla', 44); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Naâma', 45); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Aïn Témouchent', 46); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Ghardaïa', 47); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Relizane', 48); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Timimoun', 49); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Bordj Badji Mokhtar', 50); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Ouled Djellal', 51); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Béni Abbès', 52); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('In Salah', 53); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('In Guezzam', 54); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Touggourt', 55); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('Djanet', 56); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('El MGhair', 57); +INSERT INTO public.service_wilaya(nom_wilaya, id) VALUES ('El Meniaa', 58); + +-- Table: public.class + +-- DROP TABLE IF EXISTS public.class; + +CREATE TABLE IF NOT EXISTS public.class +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + code character varying(5) COLLATE pg_catalog."default", + CONSTRAINT class_pkey PRIMARY KEY (id) +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.class + OWNER to postgres; + + +-- Table: public.banque + +-- DROP TABLE IF EXISTS public."banque"; + +CREATE TABLE IF NOT EXISTS public."banque" +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + nom character varying(50) COLLATE pg_catalog."default", + abreviation character varying(10) COLLATE pg_catalog."default", + CONSTRAINT "banque_pkey" PRIMARY KEY (id) +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public."banque" + OWNER to postgres; + +-- Table: public.etablissement + +-- DROP TABLE IF EXISTS public."etablissement"; + +CREATE TABLE IF NOT EXISTS public."etablissement" +( + id_etab_stock character varying(50) COLLATE pg_catalog."default" NOT NULL, + nom character varying(50) COLLATE pg_catalog."default", + actif character(5) COLLATE pg_catalog."default", + CONSTRAINT "etablissement_pkey" PRIMARY KEY (id_etab_stock) +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public."etablissement" + OWNER to postgres; + +-- +-- Name: service_historique_connection; Type: TABLE; Schema: public; Owner: postgres +-- + +-- Table: public.service_historique_connection + +-- DROP TABLE IF EXISTS public.service_historique_connection; + +CREATE TABLE IF NOT EXISTS public.service_historique_connection +( + fk_user character varying(50) COLLATE pg_catalog."default", + date date, + heur time without time zone, + adresse_ip character varying COLLATE pg_catalog."default", + fk_etablissemnt character varying(50) COLLATE pg_catalog."default", + id bigserial NOT NULL , + CONSTRAINT service_historique_connection_pkey PRIMARY KEY (id), + CONSTRAINT fk_servicehistoriqueconnection_etablissement FOREIGN KEY (fk_etablissemnt) + REFERENCES public.etablissement (id_etab_stock) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION + NOT VALID, + CONSTRAINT "service_historiqueConnection_fkUser_fkey" FOREIGN KEY (fk_user) + REFERENCES public.service_user (userid) MATCH SIMPLE + ON UPDATE CASCADE + ON DELETE CASCADE + NOT VALID +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.service_historique_connection + OWNER to postgres; + + + +-- Table: public.type_tresorie + +-- DROP TABLE IF EXISTS public.type_tresorie; + +CREATE TABLE IF NOT EXISTS public.type_tresorie +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + type character varying(255) COLLATE pg_catalog."default", + CONSTRAINT type_tresorie_pkey PRIMARY KEY (id) +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.type_tresorie + OWNER to postgres; + +-- Table: public.sort + +-- DROP TABLE IF EXISTS public.sort; + +CREATE TABLE IF NOT EXISTS public.sort +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + sort character varying(255) COLLATE pg_catalog."default", + CONSTRAINT sort_pkey PRIMARY KEY (id) +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.sort + OWNER to postgres; + +-- Table: public.type_mouvement + +-- DROP TABLE IF EXISTS public.type_mouvement; + +CREATE TABLE IF NOT EXISTS public.type_mouvement +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + type character varying(255) COLLATE pg_catalog."default", + CONSTRAINT type_mouvement_pkey PRIMARY KEY (id) +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.type_mouvement + OWNER to postgres; + +-- Table: public.annee_fiscale + +-- DROP TABLE IF EXISTS public.annee_fiscale; + +CREATE TABLE IF NOT EXISTS public.annee_fiscale +( + annee integer NOT NULL, + cloture boolean, + actif boolean, + code_letterage character varying(255) COLLATE pg_catalog."default", + fk_etablissement character varying(50) COLLATE pg_catalog."default", + CONSTRAINT annee_fiscale_pkey PRIMARY KEY (annee), + CONSTRAINT "fk_etablissement_anneeFiscal" FOREIGN KEY (fk_etablissement) + REFERENCES public.etablissement (id_etab_stock) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION + NOT VALID +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.annee_fiscale + OWNER to postgres; + +-- Table: public.stock_type_destinataire + +-- DROP TABLE IF EXISTS public.stock_type_destinataire; + +CREATE TABLE IF NOT EXISTS public.stock_type_destinataire +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + designation character varying(50) COLLATE pg_catalog."default", + stock_type_destinataire character varying(50) COLLATE pg_catalog."default", + CONSTRAINT stock_type_destinataire_pkey PRIMARY KEY (id) +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.stock_type_destinataire + OWNER to postgres; + +-- Table: public.agence + +-- DROP TABLE IF EXISTS public.agence; + +CREATE TABLE IF NOT EXISTS public.agence +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + code character varying(10) COLLATE pg_catalog."default", + designation character varying(50) COLLATE pg_catalog."default", + fk_banque integer, + CONSTRAINT agence_pkey PRIMARY KEY (id), + CONSTRAINT fk_banque_agence FOREIGN KEY (fk_banque) + REFERENCES public.banque (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.agence + OWNER to postgres; + + + +-- Table: public.compte_comptable + +-- DROP TABLE IF EXISTS public.compte_comptable; + +CREATE TABLE IF NOT EXISTS public.compte_comptable +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + code character varying(255) COLLATE pg_catalog."default", + num_compte_comptable integer, + accepter_tier boolean, + fk_banque integer, + CONSTRAINT compte_comptable_pkey PRIMARY KEY (id), + CONSTRAINT "fk_banque_compteComptable" FOREIGN KEY (fk_banque) + REFERENCES public.banque (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.compte_comptable + OWNER to postgres; + +-- Table: public.tier + +-- DROP TABLE IF EXISTS public.tier; + +CREATE TABLE IF NOT EXISTS public.tier +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + code character varying(10) COLLATE pg_catalog."default", + designation character varying(50) COLLATE pg_catalog."default", + addresse character varying(1000) COLLATE pg_catalog."default", + num_rc character varying(50) COLLATE pg_catalog."default", + nif character varying(50) COLLATE pg_catalog."default", + article_impo character varying(50) COLLATE pg_catalog."default", + min_liq double precision, + max_liq double precision, + sold_initial double precision, + date_solde_init date, + duree_max integer, + num_compte_tier character varying(50) COLLATE pg_catalog."default", + bp character varying(50) COLLATE pg_catalog."default", + nis character varying(50) COLLATE pg_catalog."default", + id_stock_fournisseur character varying(50) COLLATE pg_catalog."default", + id_stock_client character varying(50) COLLATE pg_catalog."default", + is_deleted character varying(5) COLLATE pg_catalog."default", + fk_etablissement character varying(50) COLLATE pg_catalog."default", + fk_compte_comptable integer, + CONSTRAINT tier_pkey PRIMARY KEY (id), + CONSTRAINT "fk_CompteComptable_tier" FOREIGN KEY (fk_compte_comptable) + REFERENCES public.compte_comptable (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT fk_etablissement_tier FOREIGN KEY (fk_etablissement) + REFERENCES public.etablissement (id_etab_stock) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION + NOT VALID +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.tier + OWNER to postgres; + + +-- Table: public.tresorie + +-- DROP TABLE IF EXISTS public.tresorie; + +CREATE TABLE IF NOT EXISTS public.tresorie +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + numero character varying(10) COLLATE pg_catalog."default", + code character varying(10) COLLATE pg_catalog."default", + cle character varying(2) COLLATE pg_catalog."default", + designation character varying(50) COLLATE pg_catalog."default", + min_liq double precision, + max_liq double precision, + solde_initial double precision, + date_solde_initial date, + nbr_cheque integer, + num_compte_comptable integer, + is_deleted character varying(5) COLLATE pg_catalog."default", + stock_id character varying(50) COLLATE pg_catalog."default", + fk_agence integer, + fk_etablissement character varying(50) COLLATE pg_catalog."default", + fk_type_tresorie integer, + fk_compte_comptable integer, + CONSTRAINT tresorie_pkey PRIMARY KEY (id), + CONSTRAINT fk_agence_tresorie FOREIGN KEY (fk_agence) + REFERENCES public.agence (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT "fk_compteComptable_tresori" FOREIGN KEY (fk_compte_comptable) + REFERENCES public.compte_comptable (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT fk_etablissement_tresori FOREIGN KEY (fk_etablissement) + REFERENCES public.etablissement (id_etab_stock) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT "fk_typeTresori_tresori" FOREIGN KEY (fk_type_tresorie) + REFERENCES public.type_tresorie (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.tresorie + OWNER to postgres; + +-- Table: public.chequier + +-- DROP TABLE IF EXISTS public.chequier; + +CREATE TABLE IF NOT EXISTS public.chequier +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + serie character varying(10) COLLATE pg_catalog."default", + ref_initiale character varying(10) COLLATE pg_catalog."default", + ref_finale character varying(10) COLLATE pg_catalog."default", + fk_tresorie integer, + CONSTRAINT chequier_pkey PRIMARY KEY (id), + CONSTRAINT fk_chequier_tresorie FOREIGN KEY (fk_tresorie) + REFERENCES public.tresorie (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.chequier + OWNER to postgres; + +-- Table: public.controle_tresorie + +-- DROP TABLE IF EXISTS public.controle_tresorie; + +CREATE TABLE IF NOT EXISTS public.controle_tresorie +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + date_controle date, + heure time without time zone, + montant double precision, + fk_tresorie integer, + CONSTRAINT controle_tresorie_pkey PRIMARY KEY (id), + CONSTRAINT "fk_controleTresorie_tresorie" FOREIGN KEY (fk_tresorie) + REFERENCES public.tresorie (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.controle_tresorie + OWNER to postgres; + +-- Table: public.mouvement_tier + +-- DROP TABLE IF EXISTS public.mouvement_tier; + +CREATE TABLE IF NOT EXISTS public.mouvement_tier +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + reference character varying(50) COLLATE pg_catalog."default", + montant double precision, + date date, + code_letterage character varying(50) COLLATE pg_catalog."default", + heure time without time zone, + fk_tier integer, + fk_type_mouvement integer, + fk_annee_fiscale integer, + CONSTRAINT mouvement_tier_pkey PRIMARY KEY (id), + CONSTRAINT "fk_anneeFiscale_mouvementTier" FOREIGN KEY (fk_annee_fiscale) + REFERENCES public.annee_fiscale (annee) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT "fk_tier_mouvementTier" FOREIGN KEY (fk_tier) + REFERENCES public.tier (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT "fk_typeMouvement_mouvementTier" FOREIGN KEY (fk_type_mouvement) + REFERENCES public.type_mouvement (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.mouvement_tier + OWNER to postgres; + +-- Table: public.cheque + +-- DROP TABLE IF EXISTS public.cheque; + +CREATE TABLE IF NOT EXISTS public.cheque +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + reference character varying(50) COLLATE pg_catalog."default", + montant double precision, + date_emission date, + date_remise date, + fk_chequier integer, + CONSTRAINT cheque_pkey PRIMARY KEY (id), + CONSTRAINT fk_chequier_cheque FOREIGN KEY (fk_chequier) + REFERENCES public.chequier (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.cheque + OWNER to postgres; + + +-- Table: public.mouvement + +-- DROP TABLE IF EXISTS public.mouvement; + +CREATE TABLE IF NOT EXISTS public.mouvement +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + reference character varying(50) COLLATE pg_catalog."default", + montant double precision, + date date, + designation character varying(50) COLLATE pg_catalog."default", + beneficier character varying(50) COLLATE pg_catalog."default", + is_deleted character varying(5) COLLATE pg_catalog."default", + stock_id character varying(50) COLLATE pg_catalog."default", + heure time without time zone, + fk_tier integer, + fk_tresorie_source integer, + fk_tresorie_destinataire integer, + fk_type_mouvement integer, + fk_sort integer, + fk_annee_fiscale integer, + fk_type_destinataire integer, + fk_cheque integer, + fk_user character varying(50) COLLATE pg_catalog."default", + CONSTRAINT mouvement_pkey PRIMARY KEY (id), + CONSTRAINT "fk_anneeFiscale_mouvement" FOREIGN KEY (fk_annee_fiscale) + REFERENCES public.annee_fiscale (annee) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT fk_cheque_mouvement FOREIGN KEY (fk_cheque) + REFERENCES public.cheque (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT fk_sort_mouvement FOREIGN KEY (fk_sort) + REFERENCES public.sort (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT fk_tier_mouvement FOREIGN KEY (fk_tier) + REFERENCES public.tier (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT "fk_tresoriSource_mouvement" FOREIGN KEY (fk_tresorie_source) + REFERENCES public.tresorie (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT "fk_tresorieDestinataire_mouvement" FOREIGN KEY (fk_tresorie_destinataire) + REFERENCES public.tresorie (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT "fk_typeDestinataire_mouvement" FOREIGN KEY (fk_type_destinataire) + REFERENCES public.stock_type_destinataire (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT "fk_typeMouvement_mouvement" FOREIGN KEY (fk_type_mouvement) + REFERENCES public.type_mouvement (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT fk_user_mouvement FOREIGN KEY (fk_user) + REFERENCES public.service_user (userid) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.mouvement + OWNER to postgres; + +-- Table: public.alerte + +-- DROP TABLE IF EXISTS public.alerte; + +CREATE TABLE IF NOT EXISTS public.alerte +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + reference character varying(50) COLLATE pg_catalog."default", + montant double precision, + date date, + observation character varying(255) COLLATE pg_catalog."default", + fk_type_mouvement integer, + fk_mouvement integer, + CONSTRAINT alerte_pkey PRIMARY KEY (id), + CONSTRAINT "fk_alerte_stockTypeMouvement" FOREIGN KEY (fk_type_mouvement) + REFERENCES public.type_mouvement (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT fk_mouvement_alerte FOREIGN KEY (fk_mouvement) + REFERENCES public.mouvement (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION + NOT VALID +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.alerte + OWNER to postgres; + +-- Table: public.service_etablissement_user + +-- DROP TABLE IF EXISTS public.service_etablissement_user; + +CREATE TABLE IF NOT EXISTS public.service_etablissement_user +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + fk_etablissement character varying(50) COLLATE pg_catalog."default", + fk_user character varying(50) COLLATE pg_catalog."default", + CONSTRAINT service_etablissement_user_pkey PRIMARY KEY (id), + CONSTRAINT fk_etablissement_serviceuseretablissement FOREIGN KEY (fk_etablissement) + REFERENCES public.etablissement (id_etab_stock) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT fk_serviceuser_serviceetablissementuser FOREIGN KEY (fk_user) + REFERENCES public.service_user (userid) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.service_etablissement_user + OWNER to postgres; + +-- Table: public.service_user_tresorie + +-- DROP TABLE IF EXISTS public.service_user_tresorie; + +CREATE TABLE IF NOT EXISTS public.service_user_tresorie +( + id integer NOT NULL GENERATED ALWAYS AS IDENTITY ( INCREMENT 1 START 1 MINVALUE 1 MAXVALUE 2147483647 CACHE 1 ), + fk_user character varying COLLATE pg_catalog."default", + fk_tresorie integer, + CONSTRAINT service_user_tresorie_pkey PRIMARY KEY (id), + CONSTRAINT fk_serviceusertresorie_tresorie FOREIGN KEY (fk_tresorie) + REFERENCES public.tresorie (id) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION, + CONSTRAINT fk_serviceusertresorie_user FOREIGN KEY (fk_user) + REFERENCES public.service_user (userid) MATCH SIMPLE + ON UPDATE NO ACTION + ON DELETE NO ACTION +) + +TABLESPACE pg_default; + +ALTER TABLE IF EXISTS public.service_user_tresorie + OWNER to postgres; + + +ALTER TABLE public.service_groupe +ADD COLUMN fk_etablissement VARCHAR(50); + +ALTER TABLE public.service_groupe +ADD CONSTRAINT fk_servicegroupe_etab +FOREIGN KEY (fk_etablissement) REFERENCES public.etablissement(id_etab_stock); + + + diff --git a/src/main/resources/META-INF/persistence.xml b/src/main/resources/META-INF/persistence.xml new file mode 100644 index 0000000..e97c39c --- /dev/null +++ b/src/main/resources/META-INF/persistence.xml @@ -0,0 +1,640 @@ + + + + org.eclipse.persistence.jpa.PersistenceProvider + com.triz.trizdistribution.modeles.Groups + com.triz.trizdistribution.modeles.Users + com.triz.trizdistribution.modeles.Membership + com.triz.trizdistribution.modeles.Camion + com.triz.trizdistribution.modeles.Versement + com.triz.trizdistribution.modeles.CamionVendeur + com.triz.trizdistribution.modeles.TypeClient + com.triz.trizdistribution.modeles.Vente + com.triz.trizdistribution.modeles.DetailVente + com.triz.trizdistribution.modeles.Parfum + com.triz.trizdistribution.modeles.CamionSecteur + com.triz.trizdistribution.modeles.EtatCamion + com.triz.trizdistribution.modeles.Journee + com.triz.trizdistribution.modeles.Vendeur + com.triz.trizdistribution.modeles.Marque + com.triz.trizdistribution.modeles.Chargement + com.triz.trizdistribution.modeles.Produit + com.triz.trizdistribution.modeles.SecteurClient + com.triz.trizdistribution.modeles.EtatVendeur + com.triz.trizdistribution.modeles.Prix + com.triz.trizdistribution.modeles.Famille + com.triz.trizdistribution.modeles.Client + com.triz.trizdistribution.modeles.DetailChargement + com.triz.trizdistribution.modeles.UniteMesure + com.triz.trizdistribution.modeles.StockCamion + com.triz.trizdistribution.modeles.Secteur + com.triz.trizdistribution.modeles.Sousfamille + com.triz.trizdistribution.modeles.Autorisation + com.triz.trizdistribution.modeles.Fonction + com.triz.trizdistribution.modeles.Etablissement + com.triz.trizdistribution.modeles.Impremente + com.triz.trizdistribution.modeles.Privilege + com.triz.trizdistribution.modeles.HistoriqueMobile + com.triz.trizdistribution.modeles.Telephone + com.triz.trizdistribution.modeles.Wilaya + com.triz.trizdistribution.modeles.Fonctionnalite + com.triz.trizdistribution.modeles.DetailVersementCamion + com.triz.trizdistribution.modeles.VersementCamion + com.triz.trizdistribution.modeles.TypeBillet + com.triz.trizdistribution.modeles.Incrementation + com.triz.trizdistribution.modeles.HistoriqueSynchronisation + com.triz.trizdistribution.modeles.ListeTable + com.triz.trizdistribution.modeles.ModuleSynchro + com.triz.trizdistribution.modeles.Module + com.triz.trizdistribution.modeles.StatutSynchronisation + com.triz.trizdistribution.mobile.modeles.impl.Prix + com.triz.trizdistribution.modeles.CorrectionSoldCamion + com.triz.trizdistribution.modeles.RemiseClient + com.triz.trizdistribution.modeles.RemiseProduit + com.triz.trizdistribution.modeles.RaisonNonVente + com.triz.trizdistribution.modeles.VisiteSansVente + com.triz.trizdistribution.modeles.ObjectifVenteProduitCamion + com.triz.trizdistribution.modeles.RetourEnStock + com.triz.trizdistribution.modeles.DetailretourEnStock + com.triz.trizdistribution.modeles.DetailCorretionStockCamion + com.triz.trizdistribution.modeles.CorretionStockCamion + com.triz.trizdistribution.modeles.DetailCorrectionCreditClientCamion + com.triz.trizdistribution.modeles.Depense + com.triz.trizdistribution.modeles.CorrectionCreditClientCamion + com.triz.trizdistribution.modeles.ParametreClient + com.triz.trizdistribution.modeles.RemiseSousFamille + com.triz.trizdistribution.modeles.RaisonDeRetour + com.triz.trizdistribution.modeles.Sysdiagrams + com.triz.trizdistribution.modeles.RetourClient + com.triz.trizdistribution.modeles.DetailretourClient + com.triz.trizdistribution.modeles.FonctionsGroupes + com.triz.trizdistribution.modeles.FonctionnaliteServer + com.triz.trizdistribution.modeles.RetourClient + com.triz.trizdistribution.modeles.DetailretourClient + com.triz.trizdistribution.modeles.LotRetourClient + com.triz.trizdistribution.modeles.vues.TotaleventechargementretourbycorrectionSold + com.triz.trizdistribution.modeles.vues.SumVersementCamion + com.triz.trizdistribution.modeles.vues.SumDepense + com.triz.trizdistribution.modeles.vues.SumVente + com.triz.trizdistribution.modeles.vues.SumVersementClient + com.triz.trizdistribution.modeles.vues.SumRetourStock + com.triz.trizdistribution.modeles.vues.SumChargement + com.triz.trizdistribution.modeles.object.ActivitieSoldCamion + com.triz.trizdistribution.modeles.vues.SumVenteDate + com.triz.trizdistribution.modeles.vues.SumRetourDate + com.triz.trizdistribution.modeles.vues.SumVersementCamionDate + com.triz.trizdistribution.modeles.vues.SumVersementClientDate + com.triz.trizdistribution.modeles.vues.SumChargementDate + com.triz.trizdistribution.modeles.vues.SumDepenseDate + com.triz.trizdistribution.modeles.vues.SumQuantiteCharger + com.triz.trizdistribution.modeles.vues.SumQuantiteVendu + com.triz.trizdistribution.modeles.vues.SumQuantiteRetour + com.triz.trizdistribution.modeles.vues.CreditCamion + com.triz.trizdistribution.modeles.vues.ClientProgrammer + com.triz.trizdistribution.modeles.vues.NbrVisiteSansVente + com.triz.trizdistribution.modeles.vues.VenteInSecteur + com.triz.trizdistribution.modeles.FactureVente + com.triz.trizdistribution.modeles.DetailFacture + com.triz.trizdistribution.modeles.Facture + com.triz.trizdistribution.modeles.TypeReglement + com.triz.trizdistribution.modeles.ProfileFactureByCamion + com.triz.trizdistribution.modeles.ProfileFacture + com.triz.trizdistribution.bean.FactureBean + com.triz.trizdistribution.modeles.ListeTansfert + com.triz.trizdistribution.modeles.vues.QuantiteVenteByProduitByTypeClient + com.triz.trizdistribution.modeles.vues.SumVersementClientByAnnee + com.triz.trizdistribution.modeles.vues.SumVenteByMonth + com.triz.trizdistribution.modeles.vues.SumVersementClientByMonth + com.triz.trizdistribution.modeles.vues.SumDepenseByWeek + com.triz.trizdistribution.modeles.vues.SumRetourByMonth + com.triz.trizdistribution.modeles.vues.SumVenteByWeek + com.triz.trizdistribution.modeles.vues.SumVersementCamionByWeek + com.triz.trizdistribution.modeles.vues.SumVenteByAnnee + com.triz.trizdistribution.modeles.vues.SumDepenseByMonth + com.triz.trizdistribution.modeles.vues.SumVersementCamionByAnnee + com.triz.trizdistribution.modeles.vues.SumVersementCamionByMonth + com.triz.trizdistribution.modeles.vues.SumChargementByMonth + com.triz.trizdistribution.modeles.vues.SumChargementByWeek + com.triz.trizdistribution.modeles.vues.SumDepenseByAnnee + com.triz.trizdistribution.modeles.vues.SumChargementByAnnee + com.triz.trizdistribution.modeles.vues.SumRetourByWeek + com.triz.trizdistribution.modeles.vues.SumVersementClientByWeek + com.triz.trizdistribution.modeles.vues.SumRetourByAnnee + com.triz.trizdistribution.modeles.vues.NbrVisiteSansVenteByAnnee + com.triz.trizdistribution.modeles.vues.NbrVisiteSansVenteByMonth + com.triz.trizdistribution.modeles.vues.NbrVisiteSansVenteByWeek + com.triz.trizdistribution.modeles.vues.VenteInSecteurByWeek + com.triz.trizdistribution.modeles.vues.VenteInSecteurByMonth + com.triz.trizdistribution.modeles.vues.SumVersementClientByAnneeAndSecteur + com.triz.trizdistribution.modeles.vues.NbrVisiteSansVenteByMoisAndSecteur + com.triz.trizdistribution.modeles.vues.VenteInSecteurByAnneeAndSecteur + com.triz.trizdistribution.modeles.vues.SumChargementByAnneeAndSecteur + com.triz.trizdistribution.modeles.vues.NbrVisiteSansVenteByWeekAndSecteur + com.triz.trizdistribution.modeles.vues.SumDepenseByWeekAndSecteur + com.triz.trizdistribution.modeles.vues.SumVenteByTypeClientAndMonthAndSecteur + com.triz.trizdistribution.modeles.vues.SumVersementCamionByAnneeAndSecteur + com.triz.trizdistribution.modeles.vues.SumRetourByAnneeAndSecteur + com.triz.trizdistribution.modeles.vues.SumChargementByWeekAndSecteur + com.triz.trizdistribution.modeles.vues.SumDepenseByMonthAndSecteur + com.triz.trizdistribution.modeles.vues.NbrVisiteSansVenteByAnneeAndSecteur + com.triz.trizdistribution.modeles.vues.SumVersementByTypeClientAndWeekAndSecteur + com.triz.trizdistribution.modeles.vues.SumVersementByTypeClientAndMonthAndSecteur + com.triz.trizdistribution.modeles.vues.SumVenteByMonthAndSecteur + com.triz.trizdistribution.modeles.vues.SumVersementCamionByWeekAndSecteur + com.triz.trizdistribution.modeles.vues.SumChargementByMonthAndSecteur + com.triz.trizdistribution.modeles.vues.SumVenteByTypeClientAndAnneeAndSecteur + com.triz.trizdistribution.modeles.vues.SumVersementByTypeClientAndAnneeAndSecteur + com.triz.trizdistribution.modeles.vues.SumDepenseByAnneeAndSecteur + com.triz.trizdistribution.modeles.vues.SumVersementClientByWeekAndSecteur + com.triz.trizdistribution.modeles.vues.SumVenteByTypeClientAndWeekAndSecteur + com.triz.trizdistribution.modeles.vues.SumRetourByWeekAndSecteur + com.triz.trizdistribution.modeles.vues.SumVersementClientByMonthAndSecteur + com.triz.trizdistribution.modeles.vues.SumVersementCamionByMonthAndSecteur + com.triz.trizdistribution.modeles.vues.SumRetourByMonthAndSecteur + com.triz.trizdistribution.modeles.vues.SumVenteByAnneeAndSecteur + com.triz.trizdistribution.modeles.vues.SumVenteByWeekAndSecteur + com.triz.trizdistribution.modeles.vues.SumVersementByTypeClientAndWeek + com.triz.trizdistribution.modeles.vues.SumVersementByTypeClientAndMonth + com.triz.trizdistribution.modeles.vues.SumVenteByTypeClientAndWeek + com.triz.trizdistribution.modeles.vues.SumVersementByTypeClientAndAnnee + com.triz.trizdistribution.modeles.vues.SumVenteByTypeClientAndMonth + com.triz.trizdistribution.modeles.vues.SumVenteByTypeClientAndAnnee + com.triz.trizdistribution.modeles.vues.SumChargementBySecteurAndDate + com.triz.trizstock.modeles.StockLivraison + com.triz.trizstock.modeles.StockModeReglement + com.triz.trizstock.modeles.StockTypeReference + com.triz.trizstock.modeles.StockTypeReglement + com.triz.trizstock.modeles.StockTypeTransaction + com.triz.trizstock.modeles.StockVercementClient + com.triz.trizstock.modeles.StockdetailretourProduit + com.triz.trizstock.modeles.StockstockAvarie + com.triz.trizstock.modeles.StockDetailVente + com.triz.trizstock.modeles.StockMembership + com.triz.trizstock.modeles.StocktypeSortieAvarie + com.triz.trizstock.modeles.StockstockCamion + com.triz.trizstock.modeles.StockFonctionsGroupes + com.triz.trizstock.modeles.StockPayment + com.triz.trizstock.modeles.StockCommande + com.triz.trizstock.modeles.StockFonctionnaliteServer + com.triz.trizstock.modeles.StockprixService + com.triz.trizstock.modeles.StockService + com.triz.trizstock.modeles.StockParfum + com.triz.trizstock.modeles.StockPrix + com.triz.trizstock.modeles.StockventeLot + com.triz.trizstock.modeles.StockretourLot + com.triz.trizstock.modeles.StockTypeClient + com.triz.trizstock.modeles.StockVenteAvecService + com.triz.trizstock.modeles.StockDetailCommande + com.triz.trizstock.modeles.StockdetailLotEntree + com.triz.trizstock.modeles.StockMarque + com.triz.trizstock.modeles.StockCorespondenceProduitStockDistribution + com.triz.trizstock.modeles.StockFamille + com.triz.trizstock.modeles.StockdetailLotSortieAvarie + com.triz.trizstock.modeles.StockDetailEntree + com.triz.trizstock.modeles.StockUsers + com.triz.trizstock.modeles.StockCaisse + com.triz.trizstock.modeles.StocksotockAvarieContienLot + com.triz.trizstock.modeles.StockstockMagasin + com.triz.trizstock.modeles.StockMotifSortie + com.triz.trizstock.modeles.StockIncrementation + com.triz.trizstock.modeles.StockstockContientLot + com.triz.trizstock.modeles.StockDepenseCaisse + com.triz.trizstock.modeles.StockRetourProduit + com.triz.trizstock.modeles.StockUniteMesure + com.triz.trizstock.modeles.StockdetailSortieAvarie + com.triz.trizstock.modeles.StockVersement + com.triz.trizstock.modeles.StockFornisseur + com.triz.trizstock.modeles.StockVendeur + com.triz.trizstock.modeles.StockEntree + com.triz.trizstock.modeles.StockLot + com.triz.trizstock.modeles.StockRemiseSousFamille + com.triz.trizstock.modeles.StockremiseClient + com.triz.trizstock.modeles.StockProduitDestribution + com.triz.trizstock.modeles.Stocktva + com.triz.trizstock.modeles.StockSortiee + com.triz.trizstock.modeles.StockSousfamille + com.triz.trizstock.modeles.StockDetailvercement + com.triz.trizstock.modeles.StockClient + com.triz.trizstock.modeles.Stocketablissement + com.triz.trizstock.modeles.StockPrixAchat + com.triz.trizstock.modeles.StockVente + com.triz.trizstock.modeles.StockRemiseProduit + com.triz.trizstock.modeles.StocksortieAvarie + com.triz.trizstock.modeles.StockMonnaie + com.triz.trizstock.modeles.StockEtat + com.triz.trizstock.modeles.StockGroups + com.triz.trizstock.modeles.StockWilaya + com.triz.trizstock.modeles.StockProduit + com.triz.trizstock.modeles.StockCommune + com.triz.trizstock.modeles.StockDocument + com.triz.trizstock.modeles.StockTypeRetour + com.triz.trizstock.modeles.StockEtatProduit + com.triz.trizstock.modeles.StockTypeProduit + com.triz.trizstock.modeles.StockDetailLivraison + com.triz.trizstock.modeles.StockTypeDistinataire + com.triz.trizstock.modeles.StockTypeCommande + com.triz.trizstock.modeles.StockdetailFacture + com.triz.trizstock.modeles.StockVersementClient + com.triz.trizstock.modeles.StockFacture + com.triz.trizstock.modeles.StockcorrectionSoldCaisse + com.triz.trizstock.modeles.StockTypeEtreeSortieCaisse + com.triz.trizstock.modeles.StockInventaire + com.triz.trizstock.modeles.StockdetailInventaire + com.triz.trizstock.modeles.StockDetailLotRetoureProduit + com.triz.trizstock.modeles.StockDetailLotLivraison + com.triz.trizstock.modeles.StockDetailLotCommande + com.triz.trizstock.modeles.StockDetailLotVente + com.triz.trizstock.modeles.StockDetailLotFacture + com.triz.trizstock.modeles.StockRaisonNonVente + com.triz.trizstock.modeles.StockStatutLivraison + com.triz.trizstock.modeles.StockdetailDepense + com.triz.trizstock.modeles.StockdetailInventaireLot_1 + com.triz.trizstock.modeles.Detaildepense + com.triz.trizstock.modeles.StockStatutCommande + com.triz.trizstock.modeles.DetailTransfert + com.triz.trizstock.modeles.StockdetailTransfert + com.triz.trizstock.modeles.StockTransfertCaisse + com.triz.trizdistribution.modeles.EntrerFinancierCamion + com.triz.trizstock.modeles.StockDetailLotSortie + com.triz.trizstock.modeles.StockdetailretourLot + com.triz.trizstock.modeles.vues.Quantiteproduitlivraison + com.triz.trizstock.modeles.StockstockMagasinFacture + com.triz.trizstock.modeles.vues.QuantiteProduitFacture + com.triz.trizstock.modeles.vues.QuantiteProduitEntree + com.triz.trizstock.modeles.StockdetailInventaireLot + com.triz.trizstock.modeles.StockDetailSortie + com.triz.trizstock.modeles.StockSortie + com.triz.trizstock.modeles.StockPrixAchatReference + com.triz.trizstock.modeles.Depense + com.triz.trizstock.modeles.Versement + com.triz.trizdistribution.modeles.CorsepondanceTableId + com.triz.trizstock.modeles.StockTypeProduit_1 + com.triz.trizstock.modeles.StockUniteMesure_1 + com.triz.trizstock.modeles.Stocktva_1 + com.triz.trizstock.modeles.StockFamille_1 + com.triz.trizstock.modeles.Stocketablissement_1 + com.triz.trizstock.modeles.StockSousfamille_1 + com.triz.trizstock.modeles.StockMarque_1 + com.triz.trizstock.modeles.StockTypeReference_1 + com.triz.trizstock.modeles.StockWilaya_1 + com.triz.trizstock.modeles.StockProduit_1 + com.triz.trizstock.modeles.StockTypeClient_1 + com.triz.trizstock.modeles.StockPrix_1 + com.triz.trizstock.modeles.StockParfum_1 + com.triz.trizstock.modeles.StockTypeTransaction_1 + com.triz.trizstock.modeles.StocktransationPersonnePhysique + com.triz.trizstock.modeles.StocktypeTransactionPersonnePhysique + com.triz.trizstock.modeles.StockGenereRapportRapport + com.triz.trizstock.modeles.StockRapportGroup + com.triz.trizstock.modeles.Stockrapport + com.triz.trizstock.modeles.Stockperiod + com.triz.trizstock.modeles.StockgenereRapport + com.triz.trizstock.modeles.StocktypeDepense + com.triz.trizstock.modeles.StockpersonnePhysique + com.triz.trizstock.modeles.StockhistoriqueEnvoisMail + com.triz.trizstock.modeles.StockmailModel + com.triz.trizstock.modeles.StockDetailHistoriqueEnvoisMail + com.triz.trizstock.modeles.StockUserImprimante + com.triz.trizstock.modeles.StockImprimante + com.triz.trizstock.modeles.QuantiteproduitLivraisonAvecFactureFactureNull + com.triz.trizstock.modeles.QuantiteProduitVenteAvecFactureFactureNullStock + com.triz.trizdistribution.modeles.QuantiteProduitVenteAvecFactureFactureNullDistribution + com.triz.trizstock.modeles.vues.QuantiteProduitVenteAvecFactureFactureNullStock + com.triz.trizstock.modeles.vues.QuantiteproduitLivraisonAvecFactureFactureNull + com.triz.trizstock.modeles.StockdetailCorrectionSoldClient + com.triz.trizstock.modeles.StockdetailApprovisionnement + com.triz.trizstock.modeles.StockApprovisionnement + com.triz.trizstock.modeles.StockdetailLotApprovisionnement + com.triz.trizstock.modeles.StockCorrectionCreditClient + com.triz.trizstock.modeles.StockDetailCorrectionCreditClient + com.triz.trizstock.modeles.StockdetailServiceEntree + com.triz.trizstock.modeles.StockdetailTaxeEntree + com.triz.trizstock.modeles.StockTaxe + com.triz.trizstock.modeles.StockTypeEntree + com.triz.trizstock.modeles.StockproduitTaxe + com.triz.trizstock.modeles.StockdetailTaxeProduitEntree + com.triz.trizdistribution.modeles.UsersEtablissement + com.triz.trizstock.modeles.StockUsersEtablissement + com.triz.trizstock.modeles.StockPays + com.triz.trizdistribution.modeles.PackProduit + com.triz.trizdistribution.modeles.ClientEtablissement + com.triz.trizdistribution.modeles.EtatModuleEtablissement + com.triz.trizdistribution.modeles.ListeTableMultiEtablissement + com.triz.trizstock.modeles.StockModuleMultiEtablissements + com.triz.trizstock.modeles.StockEtatStockModuleStockEtablissement + com.triz.trizstock.modeles.StockListeTableMultiEtablissement + com.triz.trizdistribution.modeles.ModuleMultiEtablissements + com.triz.trizstock.modeles.StockEtatSynchronisationTableEtablissement + com.triz.trizstock.modeles.StockHistoriqueSynchronisation + com.triz.trizstock.modeles.StockMappingEtablissement + com.triz.trizstock.modeles.StockTransfertInterDepot + com.triz.trizstock.modeles.StockdetailTransfertInterDepot + com.triz.trizstock.modeles.StockEtatTransfert + com.triz.trizstock.modeles.StockVenteVersement + com.triz.trizstock.modeles.StockCorrespendanceInterDepot + com.triz.trizdistribution.modeles.MappingEtablissement + com.triz.trizstock.modeles.StockuserCaisse + com.triz.trizdistribution.modeles.CorrespandanceTypeAClient + com.triz.trizdistribution.modeles.CorrespandanceTypeActivite + com.triz.trizstock.modeles.StockCorrespondanceTypeClientInterDepot + com.triz.trizstock.modeles.StockListeTransationPersonnePhysique + com.triz.trizstock.modeles.StockCategorieClient + com.triz.trizstock.modeles.StockClientEtablissement + com.triz.trizstock.modeles.StockTypeActivitieClient + com.triz.trizstock.modeles.StockCorrespandanceCategorie + com.triz.trizstock.modeles.StockCorrespandanceTypeActivite + com.triz.trizstock.modeles.vues.TotalLivraisonEtablissement + com.triz.trizstock.modeles.vues.TotalSortieAvarieEtablissement + com.triz.trizstock.modeles.vues.TotalEntreeEtablissement + com.triz.trizstock.modeles.vues.TotalVenteEtablissement + com.triz.trizstock.modeles.vues.TotalSortieEtablissement + com.triz.trizstock.modeles.vues.TotalCommandeEtablissement + com.triz.trizstock.modeles.vues.TotalRetourEtablissement + com.triz.trizstock.modeles.vues.TotalDepenseEtablissement + com.triz.trizstock.modeles.vues.TotalVersementEtablissement + com.triz.trizstock.modeles.vues.TotalCreditClientEtablissement + com.triz.trizstock.modeles.vues.CorrespondanceProduit + com.triz.trizstock.modeles.vues.DetailInventaireProduitEtablissment + com.triz.trizstock.modeles.vues.DetialEntreeProduitEtablissement + com.triz.trizstock.modeles.vues.DetailEntreeProduitEtablissement + com.triz.trizstock.modeles.vues.DetailApprovisionnementProduitEtablissement + com.triz.trizstock.modeles.vues.TotalApprovisionnementEtablissement + com.triz.trizstock.modeles.vues.DetailRetourProduitEtablissement + com.triz.trizstock.modeles.vues.DetailCommandeProduitEtablissement + com.triz.trizstock.modeles.vues.DetailSortieAvarieProduitEtablissement + com.triz.trizstock.modeles.vues.DetailSortieProduitEtablissement + com.triz.trizstock.modeles.vues.DetailLivraisonProduitEtablissement + com.triz.trizstock.modeles.vues.DetailVenteProduitEtablissement + com.triz.trizstock.modeles.vues.CorrespondanceTypeClient + com.triz.trizstock.modeles.StockProduction + com.triz.trizstock.modeles.StockComposition + com.triz.trizstock.modeles.StockMotifRetourFournisseur + com.triz.trizstock.modeles.StockInventaireAvarie + com.triz.trizstock.modeles.StockInventaireFacture + com.triz.trizstock.modeles.StockdetailInventaireAvarie + com.triz.trizstock.modeles.StockdetailInventaireAvarieLot + com.triz.trizstock.modeles.StockInventaireFacture + com.triz.trizstock.modeles.StockdetailInventaireFactureLot + com.triz.trizstock.modeles.vues.DetailInventaireFactureProduitEtablissment + com.triz.trizstock.modeles.vues.DetailInventaireAvarieProduitEtablissment + com.triz.trizdistribution.modeles.vues.TotalCreditClientEtablissementDistribution + com.triz.trizstock.modeles.vues.StockMagazin + com.triz.trizstock.modeles.vues.StockAvarie + com.triz.trizstock.modeles.vues.StockFacture + com.triz.trizstock.modeles.StockTypeProduitProduction + com.triz.trizstock.modeles.StockDevise + com.triz.trizdistribution.modeles.vues.StockMatierePremiere + com.triz.trizdistribution.modeles.vues.StockProduitFini + com.triz.trizdistribution.modeles.vues.CreditClientParEtablissement + com.triz.trizstock.modeles.StockCorrectionSoldFournisseur + com.triz.trizdistribution.modeles.vues.TotalAchatVenteStockCamion + com.triz.trizstock.modeles.vues.TotalEntreeParEtablissementParFournisseurParDateParTypeEntree + com.triz.trizstock.modeles.vues.TotalDepenseParFournisseurParEtablissementParDate + com.triz.trizstock.modeles.vues.TotalAllCreditClientEtablissement + com.triz.trizstock.modeles.vues.TotalAllCreditFournisseurEtablissement + com.triz.trizstock.modeles.vues.TotalStockMagasinEtablissement + com.triz.trizstock.modeles.vues.TotalAllVersementClientCamionEtablissement + com.triz.trizstock.modeles.vues.TotalVersementClientCamionEtablissement + com.triz.trizdistribution.modeles.vues.TotalVenteCamionEtablissement + com.triz.trizdistribution.modeles.vues.TotalAllCreditClientCamionEtablissement + com.triz.trizdistribution.modeles.vues.TotalAllStockCamionEtablissement + com.triz.trizdistribution.modeles.vues.TotalRetourClientCamionEtablissement + com.triz.trizdistribution.modeles.ObjectifCamionProduit + com.triz.trizdistribution.modeles.vues.TotalQuantiteVenteProduitCamion + com.triz.trizdistribution.modeles.vues.TotalQuantiteVenteMonthYearProduitCamion + com.triz.trizdistribution.modeles.vues.TotalAllVersementClientCamionEtablissementDistribution + com.triz.trizstock.modeles.vues.TotalDepenseByCorrectionCaisse + com.triz.trizstock.modeles.vues.TotalVersementByCorrectionCaisse + com.triz.trizstock.modeles.StockcorespondencetypeClientstockdistribution + com.triz.trizdistribution.modeles.vues.TotalChargementEtablissement + com.triz.trizdistribution.modeles.vues.TotalRetourEnStockEtablissement + com.triz.trizdistribution.modeles.vues.TotalQuantiteVenteProduitCamionCorrection + com.triz.trizdistribution.modeles.vues.TotalQuantiteRetourEnStockProduitCamionCorrection + com.triz.trizdistribution.modeles.vues.TotalQuantiteChargementProduitCamionCorrection + com.triz.trizdistribution.modeles.vues.TotalQuantiteRetourClientProduitCamionCorrection + com.triz.trizdistribution.modeles.vues.TotalRetourClientCamionEtatTraitement + com.triz.trizdistribution.modeles.vues.TotalVersementClientCamionCorrectionCreditClientCamion + com.triz.trizdistribution.modeles.vues.TotalVenteClientCamionCorrectionCreditClientCamion + com.triz.trizdistribution.modeles.vues.TotalVersementCamionEtablissement + com.triz.trizdistribution.modeles.vues.TotalDepenseCamionEtablissement + com.triz.trizdistribution.modeles.vues.TotalSoldEcartCamionEtablissement + com.triz.trizdistribution.modeles.vues.NbrStatusConfirmationVenteCamionEtablissement + com.triz.trizdistribution.modeles.vues.NbrDemandeFactureVenteCamionEtablissement + com.triz.trizdistribution.modeles.vues.NbrVisiteSansVenteCamionEtablissement + com.triz.trizstock.bean.ChargementExcelBean + com.triz.trizstock.modeles.vues.DetailBilletDepense + com.triz.trizstock.modeles.vues.DetailBelletVersement + com.triz.trizstock.modeles.vues.DetailProduitVenteByEtablissementByInventaireByDateByTypeDistinataire + com.triz.trizstock.modeles.vues.DetailProduitSortieByEtablissementByInventaireByDateByMotif + com.triz.trizstock.modeles.vues.DetailProduitEntreeByEtablissementByInventaireByDateByTypeEntree + com.triz.trizstock.modeles.vues.DetailProduitRetourByEtablissementByInventaireByDateByTypeDistinataire + com.triz.trizstock.modeles.StockInventaireStockRetourFournisseur + com.triz.trizstock.modeles.StockEntreeSortieSortieAvarie + com.triz.trizstock.modeles.StockStockRetourFournisseur + com.triz.trizstock.modeles.StockDetailInventaireStockRetourFournisseur + com.triz.trizstock.modeles.vues.DetailProduitSortieAvarieByEtablissementByInvertaireAvarieByDateByTypeSortie + com.triz.trizstock.modeles.vues.DetailVenteProduitEtablissementClientDate + com.triz.trizstock.modeles.StockReductionSoldFournisseur + com.triz.trizstock.modeles.StockReductionSoldClient + com.triz.trizstock.modeles.vues.TotalVersementClientCamionByCamionFromStockVersementClient + com.triz.trizstock.modeles.StockdocumentSuite + com.triz.trizstock.modeles.vues.TransactionClient + com.triz.trizdistribution.modeles.Consigne + com.triz.trizdistribution.modeles.vues.TotalQuantiteRetourEnStockProduitCamionDate + com.triz.trizdistribution.modeles.vues.TotalQuantiteVenteProduitCamionDate + com.triz.trizdistribution.modeles.vues.TotalQuantiteChargementProduitCamionDate + com.triz.trizdistribution.modeles.vues.TransactionCamion + com.triz.trizstock.modeles.vues.TransactionFournisseur + com.triz.trizstock.modeles.vues.TotalVersementVenteClientInTime + com.triz.trizstock.modeles.vues.TotalRecouvrementClient + com.triz.trizstock.modeles.vues.TotalVenteClientByDateByEtablissement + com.triz.trizstock.modeles.vues.TotalVersementClientNotInVenteVersementByDateByEtablissement + com.triz.trizdistribution.modeles.ImageProduit + com.triz.trizstock.modeles.StocktableToUpdate + com.triz.trizstock.modeles.vues.TotalPieceDepenseCaisseByCorrectionCaisse + com.triz.trizstock.modeles.vues.TotalBilletDepenseCaisseByCorrectionCaisse + com.triz.trizstock.modeles.vues.TotalPieceVersementCaisseByCorrectionCaisse + com.triz.trizstock.modeles.vues.TotalBilletVersementCaisseByCorrectionCaisse + com.triz.trizstock.modeles.vues.TotalDepenseByCorrectionFournisseur + com.triz.trizstock.modeles.vues.TotalReductionByCorrectionFournisseur + com.triz.trizstock.modeles.vues.TotalVersementByCorrectionFournisseur + com.triz.trizstock.modeles.vues.TotalEntreeByCorrectionFournisseur + com.triz.trizstock.modeles.vues.TotalSortieByCorrectionFournisseurByUpdateSold + com.triz.trizstock.modeles.vues.TotalReductionSoldClientByClientByEtablissement + com.triz.trizstock.modeles.vues.TotalReductionSoldFournisseurByFournisseurByEtablissement + com.triz.trizdistribution.modeles.vues.TotalQuantiteLivraisonProduitCamionCorrection + com.triz.trizdistribution.modeles.vues.TotalLivraisonClientCamionCorrectionCreditClientCamion + com.triz.trizstock.modeles.vues.DetailEntreeByEtablissementByFournisseurByTypeEntreeByProduitByDate + com.triz.trizstock.modeles.StockDetailServiceVente + com.triz.trizstock.modeles.vues.TotalEntreeByCorrectionFournisseurByTypeEntree + com.triz.trizdistribution.modeles.DistributionTable + com.triz.trizstock.modeles.StockEtatCloture + com.triz.trizstock.modeles.StockParametreCloture + com.triz.trizdistribution.modeles.EtatCloture + com.triz.trizdistribution.modeles.ParametreCloture + com.triz.trizstock.modeles.vues.TotalEntreeEchangeByCorrectionCreditClient + com.triz.trizdistribution.modeles.vues.DetailProduitRestAFacturerByProduitByVente + com.triz.trizstock.modeles.vues.DetailProduitRestAFacturerByProduitByVente + com.triz.trizstock.modeles.StockDetailCorrectionCreditPhysique + com.triz.trizstock.modeles.StockCorrectionCreditPhysique + com.triz.trizdistribution.modeles.vues.ProduitStockMagasinCorespondenceEtablissementVue + com.triz.trizstock.modeles.vues.ProduitStockMagasinCorespondenceEtablissementVue + com.triz.trizstock.modeles.vues.StockVenteDateHeurConcat + com.triz.trizdistribution.modeles.vues.TotalAllTransactionCamionParProduitParDate + com.triz.trizstock.modeles.StockDetailComposition + com.triz.trizdistribution.modeles.Vehicule + com.triz.trizdistribution.modeles.CamionVehicule + com.triz.trizstock.modeles.vues.DetailHistoriqueProduitVente + com.triz.trizstock.modeles.vues.DetailHistoriqueProduitLivraison + com.triz.trizstock.modeles.StockPrixClient + com.triz.trizdistribution.modeles.SuperviseurCommercial + com.triz.trizstock.modeles.vues.StockMagasinFactureAtDate + com.triz.trizstock.modeles.vues.DetailFactureAvoirProduitEtablissement + com.triz.trizstock.modeles.vues.DetailFactureProduitEtablissement + com.triz.trizstock.modeles.vues.StockMagasinAvarieAtDate + com.triz.trizstock.modeles.vues.StockDetailProduitVenteClientVue + com.triz.trizstock.modeles.vues.StockDetailProduitLivrerVue + com.triz.trizdistribution.modeles.vues.DistDetailProduitVenteVue + com.triz.trizstock.modeles.StockStatutPreparation + com.triz.trizdistribution.modeles.vues.ClientVue + com.triz.trizstock.procedure.Procedures + com.triz.trizstock.modeles.vues.ListeDesVenteHistoriqueStockDistribution + com.triz.trizstock.modeles.StockDetailLotProduction + com.triz.trizdistribution.modeles.SuperviseurCommercial + com.triz.trizdistribution.modeles.InventaireStockClient + com.triz.trizdistribution.modeles.DetailInventaireClient + com.triz.trizstock.modeles.vues.QuantiteSousFamilleByEtablissementByFamilleByMarque + com.triz.trizstock.modeles.StockHistoriquePreparation + com.triz.trizstock.modeles.StockPreparation + com.triz.trizstock.modeles.StockDetailPreparation + com.triz.trizstock.modeles.vues.NombrePreparationByPreparateur + com.triz.trizstock.modeles.vues.NombreLivraisonByStatutByRotation + com.triz.trizstock.modeles.StockRotationLivraisonCamion + com.triz.trizstock.modeles.StockDetailLotPreparation + com.triz.trizstock.modeles.StockColisRecuperer + com.triz.trizstock.modeles.StockdetailColisRecuperer + com.triz.trizstock.bean.StockdetailblDistribution + com.triz.trizstock.bean.StockblDistribution + com.triz.trizstock.modeles.StockblDistribution + com.triz.trizstock.modeles.StockdetailblDistribution + com.triz.trcom.triz.trizdistribution.modeles.CorrectionCreditClientCamionTournee + com.triz.trizdistribution.modeles.DetailCorrectionCreditClientCamionTournee + comcom.triz.trizdistribution.modeles.CorretionStockCamionTournee + comcom.triz.trizdistribution.modeles.DetailCorretionStockCamionTournee + com.triz.trizdistribution.modeles.vues.StockCommerciauxVue + com.triz.trizdistribution.modeles.DashbordConfiguration + com.triz.trizdistribution.modeles.TextTable + com.triz.trizdistribution.modeles.vues.ClientVueWithTypeActiviteAndTypePrix + com.triz.triznavision.modeles.SOSEMIETransferShipmentLine + com.triz.triznavision.modeles.SOSEMIETransferShipmentHeader + com.triz.triznavision.modeles.SOSEMIESalesHeader + com.triz.triznavision.modeles.SOSEMIEGenJournalTemplate + com.triz.triznavision.modeles.SOSEMIESalesLine + com.triz.triznavision.modeles.SOSEMIEGenJournalLine + com.triz.trizstock.modeles.vues.StockMagazinPrix + com.triz.trizstock.modeles.StockObjectifClientFournisseur + com.triz.trizstock.modeles.StockDetailObjectif + com.triz.trizstock.modeles.StockConditions + com.triz.trizstock.modeles.StockObjectif + com.triz.trizstock.modeles.StockRealisationObjectif + com.triz.tb.modeles.TbData + com.triz.trizstock.modeles.StockdetailEchangeBillet + com.triz.trizstock.modeles.StockTypeCommandeProduction + com.triz.trizstock.modeles.StockCommandeProduction + com.triz.trizstock.modeles.StockdetailCommandeProduction + com.triz.trizstock.modeles.StockDetailLotCommandeProduction + com.triz.trizstock.modeles.vues.DetailEntreeStockByPrixVenteForBenfice + com.triz.trizstock.modeles.vues.TotalQuantiteTransactionProduitAtDate + com.triz.trizdistribution.modeles.vues.StockCamionAtDateGlobale + com.triz.trizstock.modeles.vues.StockMagasinAtDateGlobal + com.triz.trizstock.modeles.StockCorrespandanceFournisseur + com.triz.trizstock.modeles.vues.StockListingDesPrixVue + com.triz.trizstock.modeles.StockTypeModeleEdition + com.triz.trizstock.modeles.StockModeleDistinataireEdition + com.triz.trizstock.modeles.StockModeleLotEdition + com.triz.trizstock.modeles.StockModeleEdition + com.triz.trizstock.modeles.StockModeleEmballageEdition + com.triz.trizstock.modeles.StockModeleProduitEdition + com.triz.trizstock.modeles.StockDetailDemandeRetour + com.triz.trizstock.modeles.StockDemandeRetourProduit + com.triz.trizdistribution.modeles.vues.TotaleVenteAndTotaleValeurChargerVue + com.triz.trizstock.modeles.StocksousFamilleAcopier + com.triz.trizstock.modeles.StockTransactionAcopier + com.triz.trizstock.modeles.StockdonneesAcopier + com.triz.trizstock.modeles.StockTransactionDonneeAcopier + com.triz.trizstock.modeles.StockproduitnonAutoriser + com.triz.trizstock.modeles.StocksousFamillenonAutoriser + com.triz.trizstock.modeles.StockEspaceCuisson + com.triz.trizstock.modeles.StockCategorieDepense + com.triz.trizstock.modeles.CorrespandanceModeleEdition + com.triz.trizstock.modeles.StockCorrespandanceModeleEdition + com.triz.trizdistribution.modeles.vues.ListeClientEtablissementAvecSecteurVue + com.triz.trizstock.modeles.StockCategorieFournisseur + com.triz.trizdistribution.modeles.FactureRouteDistribution + com.triz.tbs.modeles.TBClient + com.triz.tbs.modeles.TBCategorieDonnee + com.triz.tbs.modeles.TBCalculeDataToUpdate + com.triz.tb.modeles.TBProduitEtablissement + com.triz.tb.modeles.TBTypeDonneeLabel + com.triz.tb.modeles.TBFournisseur + com.triz.tb.modeles.TBStatut + com.triz.tb.modeles.TBStockAtDate + com.triz.tb.modeles.TBSoldAtDate + com.triz.tb.modeles.TBTournerClient + com.triz.tb.modeles.TBUpdateData + com.triz.tb.modeles.TBClientEtablissement + com.triz.tb.modeles.TBtourneeJour + com.triz.tb.modeles.TBCategorieTypeDonnee + com.triz.tb.modeles.TBProduit + com.triz.tb.modeles.TBLabelData + com.triz.tb.modeles.TBDateServeur + com.triz.tb.modeles.TBDataDetail + com.triz.tb.modeles.TBTypeDonnee + com.triz.tb.modeles.TBData + com.triz.trizservice.modeles.ServiceMember + com.triz.trizservice.modeles.ServicetypeAbonnement + com.triz.trizservice.modeles.ServiceDemande + com.triz.trizservice.modeles.ServiceFonctionnaliter + com.triz.trizservice.modeles.ServiceClient + com.triz.trizservice.modeles.ServiceTelephone + com.triz.trizservice.modeles.ServicehistoriqueConnection + com.triz.trizservice.modeles.ServiceAbonnement + com.triz.trizservice.modeles.ServiceEtablissement + com.triz.trizservice.modeles.ServicehistoriqueManipulation + com.triz.trizservice.modeles.ServiceGroupe + com.triz.trizservice.modeles.ServicedemandeConcerneTelephone + com.triz.trizservice.modeles.ServiceEtablissementClient + com.triz.trizservice.modeles.ServiceIncrementation + com.triz.trizservice.modeles.ServiceFonctiongroupe + com.triz.trizservice.modeles.ServiceCommune + com.triz.trizservice.modeles.ServiceWilaya + com.triz.trizservice.modeles.ServiceUser + com.triz.trizservice.modeles.ServiceNbMois + com.triz.trizservice.modeles.ServiceTypeService + com.triz.trizservice.modeles.ServiceService + com.triz.trizservice.modeles.ServiceFonctiongroupe_1 + com.triz.trizservice.modeles.ServiceFonctiongroupe_1_1 + com.triz.trizservice.modeles.ServiceAbonnementConcerneTelephone + com.triz.trizservice.modeles.TypeMouvement + com.triz.trizservice.modeles.Sort + com.triz.trizservice.modeles.AnneeFiscale + com.triz.trizservice.modeles.Class + com.triz.trizservice.modeles.Chequier + com.triz.trizservice.modeles.Cheque + com.triz.trizservice.modeles.ControleTresorie + com.triz.trizservice.modeles.TypeTresorie + com.triz.trizservice.modeles.Tresorie + com.triz.trizservice.modeles.MouvementTier + com.triz.trizservice.modeles.Etablissement + com.triz.trizservice.modeles.Banque + com.triz.trizservice.modeles.ServiceGroupEtablissement + com.triz.trizservice.modeles.StockTypeDestinataire + com.triz.trizservice.modeles.Tier + com.triz.trizservice.modeles.Agence + com.triz.trizservice.modeles.CompteComptable + com.triz.trizservice.modeles.Alerte + com.triz.trizservice.modeles.Mouvement + com.triz.trizservice.modeles.ServiceHistoriqueManipulation + false + + diff --git a/src/main/resources/db/migration/V000__main_schema.sql b/src/main/resources/db/migration/V000__main_schema.sql new file mode 100644 index 0000000..0262f62 --- /dev/null +++ b/src/main/resources/db/migration/V000__main_schema.sql @@ -0,0 +1,9 @@ +/* + * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license + * Click nbfs://nbhost/SystemFileSystem/Templates/Other/SQLTemplate.sql to edit this template + */ +/** + * Author: Abderrahmane + * Created: 26 juil. 2026 + */ + diff --git a/src/main/resources/langue/message_fr.properties b/src/main/resources/langue/message_fr.properties new file mode 100644 index 0000000..b6fbf59 --- /dev/null +++ b/src/main/resources/langue/message_fr.properties @@ -0,0 +1,4307 @@ + +# To change this license header, choose License Headers in Project Properties. +# To change this template file, choose Tools | Templates +# and open the template in the editor. + +distribution.nomapplication=TrizTresorie +distribution.client=SARL DPLM +distribution.societte=SARL TRIZTECH +distribution.mail=contact@hydrotriz.com +distribution.copyright=Copyright ONDA 2025 \u00a9 Tous droits r\u00e9serv\u00e9s +distribution.page.welcome=Bonjour +distribution.page.boutton.frensh=Fran\u00e7ais +distribution.page.boutton.englais=Anglais +distribution.page.map=Carte +distribution.size_max_file=La taille de l'image est superieur \u00e0 1 Mo ! + + +distribution.page.accesrestrient=Acc\u00e9s restrient +distribution.page.accesrestrient.message=Vous n'avez pas le droit d'acceder \u00e0 la page, Veuillez contacter votre administrateur ! +distribution.page.erreur=Erreur +distribution.page.erreur.message=Une erreur c'est produite sur le serveur, veuillez contactez l'Administrateur ! +distribution.page.new=Nouvelle page + + +distribution.authentification=Authentification +distribution.authentification.user=Nom d'utilisateur +distribution.authentification.pw=Mot de passe +distribution.authentification.changervotremotpasse=Changer votre mot de passe +distribution.authentification.motpasseactuel=Mot de passe actuel +distribution.authentification.nouveaumotpasse=Nouveau Mot de passe +distribution.authentification.confirmezvotrenouveaumotpasse=Confirmer nouveau mot de passe +distribution.authentification.messages.motpasseincorrect=Mot de passe incorrecte +distribution.authentification.confirmer=Confirmer + +distribution.status=Statut +distribution.datedebut=Date d\u00e9but +distribution.datefin=Date fin +distribution.select=S\u00e9lectionner +distribution.buttons.valider=Valider +distribution.buttons.connexion=Connexion +distribution.buttons.deconnexion=D\u00e9connexion +distribution.buttons.changerEntreprise=Changer Entreprise +distribution.buttons.profil=Profil +distribution.buttons.changeMP=Changer mot de passe +distribution.page.retour=Retour +distribution.page.ajouter=Ajouter +distribution.page.ajouterC=Ajouter cat\u00e9gorie d\u00e9pense +distribution.page.associer=Associer +distribution.page.consulter=Consulter +distribution.page.modifier=Modifier +distribution.page.annuler=Annuler +distribution.page.ok=OK +distribution.page.enregistrer=Enregister +distribution.page.enregistrerdistribution=Copier vers distribution et enregistrer +distribution.page.affectercategorie=Affecter \u00e0 une cat\u00e9gorie +distribution.page.autrecategorie=Autre cat\u00e9gorie +distribution.page.affecter=Affecter +distribution.page.supprimer=Supprimer +distribution.page.camion=Commercial +distribution.page.camion.liste=Liste des commerciaux +distribution.page.camion.liste.message.non=Pas de commercial enregistr\u00e9 ! +distribution.page.camion.ajoutercamion=Ajouter un commercial +distribution.page.camion.all=Tous les camions +distribution.page.camion.ajoutercamion.message=Commercial {0} ajout\u00e9 avec succ\u00e8s +distribution.page.camion.modifiercamion=Modifier un commercial +distribution.page.camion.consultercamion=Consulter un commercial +distribution.page.camion.modifiercamion.message=Commercial {0} modifi\u00e9 avec succ\u00e8s +distribution.page.camion.code=Code +distribution.page.camion.matricule=Matricule +distribution.page.camion.marque=Marque +distribution.page.camion.modele=Mod\u00e9le +distribution.page.camion.etat=Etat +distribution.page.camion.sold=Solde + +distribution.buttons.modeSupperette=Mode point de vente +distribution.buttons.modeNormal=Mode normal + +distribution.buttons.checkonligne=Activer carte +distribution.buttons.checkoffligne=Desactiver carte + +distribution.page.depenseValider.nbr=Nombre d\u00e9pense valid\u00e9 +distribution.page.depenseNonValider.nbr=Nombre d\u00e9pense non valid\u00e9 + +distribution.page.vendeur=Personnel +distribution.page.vendeur.liste=Liste des personnels +distribution.page.vendeur.nom=Nom +distribution.page.vendeur.prenom=Pr\u00e9nom +distribution.page.vendeur.nom.ar=Nom en arabe +distribution.page.vendeur.prenom.ar=Pr\u00e9nom en arabe +distribution.page.vendeur.adresse=Adresse +distribution.page.vendeur.telephone=T\u00e9l\u00e9phone +distribution.page.vendeur.user=Nom d'utilisateur +distribution.page.vendeur.pw=Mot de passe +distribution.page.vendeur.etatvendeur=Etat du vendeur +distribution.page.vendeur.liste.message.non=Pas de vendeur enregistr\u00e9 ! +distribution.page.vendeur.ajoutervendeur=Ajouter un vendeur +distribution.page.vendeur.ajoutervendeur.message=Vendeur {0} ajout\u00e9 avec succ\u00e8s +distribution.page.vendeur.modifiervendeur=Modifier un vendeur +distribution.page.vendeur.consultervendeur=Consulter un vendeur +distribution.page.vendeur.modifiervendeur.message=Vendeur {0} modifi\u00e9 avec succ\u00e8s +distribution.page.versement.dateCheque=Date de ch\u00e8que +distribution.page.versement.numCheque=Num\u00e9ro de ch\u00e8que +distribution.page.client=Client +distribution.page.clientNum=Numero client +distribution.page.client.distribution=Client distribution +distribution.page.client.typeEtablissement=Type d'\u00e9tablissement +distribution.page.client.etat.credit=Etat cr\u00e9dit +distribution.page.client.liste=Liste des clients +distribution.page.client.sold.historique=Historique solde +distribution.page.client.liste.actif=Liste des clients Actifs +distribution.page.client.liste.nonActif=Liste des clients inactifs +distribution.page.client.nonActif=Clients inactif +distribution.page.client.typeclient=Type de prix +distribution.page.client.typeActivitieclient=Type d'activit\u00e9 +distribution.page.client.typeActivitieclient.distribution=Type d'activit\u00e9 distribution +distribution.page.client.typeclientd=Type de prix par d\u00e9faut +distribution.page.vente.typereglement=Type de r\u00e8glement +distribution.client.id=Identifiant +distribution.page.client.nom=Nom +distribution.page.client.prenom=Pr\u00e9nom +distribution.page.client.nom.ar=Nom en arabe +distribution.page.client.prenom.ar=Pr\u00e9nom en arabe +distribution.page.client.adresse=Adresse +distribution.page.client.dateAjout=Date d'ajout +distribution.page.client.date.lastAchat=Date dernier Achat +distribution.page.client.date.lastViste=Date dernier Visite +distribution.page.client.date.lastCommande=Date derniere Commande +distribution.page.client.date.lastVersement=Date dernier Versement +distribution.page.client.date.lastVisiteMerchandising=Date dernier Visite Merchandising +distribution.page.client.mail=Mail +distribution.page.client.telephone=T\u00e9l\u00e9phone +distribution.page.client.numrc=RC +distribution.page.client.numnif=NIF +distribution.page.client.numai=AI +distribution.page.client.numnis=NIS +distribution.page.client.RaisonSocial= Raison sociale +distribution.page.client.RaisonSocialAr= Raison sociale arabe +distribution.page.client.position=Position GPS +distribution.client.exportclient=Exporter clients d\u00e9ja existe +distribution.page.client.liste.message.non=Pas de client enregistr\u00e9 ! +distribution.page.client.ajouterclient=Ajouter un client +distribution.page.client.ajouterclient.message=Client {0} ajout\u00e9 avec succ\u00e8s +distribution.page.client.modifierclient=Modifier un client +distribution.page.client.consulterclient=Consulter un client +distribution.page.client.modifierclient.message=Client {0} modifi\u00e9 avec succ\u00e8s +distribution.page.client.credit=Cr\u00e9dit +distribution.page.client.actif=Actif +distribution.page.client.vide=Client vide +distribution.page.client.camion=Sans commercial +distribution.page.client.desactive=Desactive Compte app Client +distribution.page.client.copierVers=Copier client vers +distribution.page.client.correction.ajouter=Ajouter Nouveau Solde +distribution.page.client.correction.modifier=Modifier Ancien Solde +distribution.page.client.recuperation=Recuperation Client +distribution.page.client.autreFacturation=Facturation sur autre compte +distribution.page.client.compteFacturation=Compte facturation +distribution.page.client.typeAffichage=Type affichage +distribution.page.client.repeteAffichage=Repeter l'affichage des client +distribution.page.client.regulier=Client r\u00e9gulier + +distribution.page.client.all=Tous les clients +distribution.page.client.avecCredit=Que les clients avec cr\u00e9dit + +distribution.page.client.typeTVA=Type TVA + + +distribution.page.client.correction.newSold=Nouveau solde +distribution.page.client.correction.oldSold=Ancien solde + + +distribution.page.camion.correction.historique=Historique des corrections stock commercials +distribution.page.camion.correction.user=Corriger par +distribution.page.camion.correction.liste=Liste de corrections stock commercials +distribution.page.camion.correction.ajouter=Ajouter correction stock +distribution.page.camion.correction.modifier=Modifier correction stock +distribution.page.camion.correction.consulter=Consulter correction stock +distribution.page.camion.correction.commercial=Correction du stock commercial +distribution.page.camion.correction.liste.message.non=Pas de correction enregistr\u00e9 ! +distribution.page.camion.totale=Total +distribution.page.camion.totale.ecart=Total \u00e9cart +distribution.page.camion.correction.traitement=Type d'\u00e9cart + +distribution.page.camion.correction.old=Ancienne quantit\u00e9 +distribution.page.camion.correction.new=Nouvelle quantit\u00e9 +distribution.page.camion.correction.ecart=Ecart +distribution.page.camion.correction=Correction Stock + + +distribution.page.client.total=Total +distribution.page.client.commune=Commune +distribution.client.importclient=Importer les clients +distribution.client.copieToDistribution=Copier vers trizDistribution +distribution.client.copieAllToDistribution=Copier vers trizDistribution +distribution.page.client.sellectionner.tout=S\u00e9lectionner tous les clients +distribution.page.client.latitude=Latitude +distribution.page.client.longitude=Longitude + +distribution.page.personnePhysique=Personnel +distribution.page.personnePhysique.liste=Liste du personnels +distribution.page.personnePhysique.typepersonnePhysique=Type de Personnel +distribution.personnePhysique.id=Identifiant +distribution.page.personnePhysique.nom=Nom +distribution.page.personnePhysique.prenom=Pr\u00e9nom +distribution.page.personnePhysique.nom.ar=Nom en arabe +distribution.page.personnePhysique.prenom.ar=Pr\u00e9nom en arabe +distribution.page.personnePhysique.adresse=Adresse +distribution.page.personnePhysique.telephone=Telephone +distribution.page.personnePhysique.numrc=RC +distribution.page.personnePhysique.numnif=NIF +distribution.page.personnePhysique.numai=AI +distribution.page.personnePhysique.RaisonSocial=Raison sociale +distribution.page.personnePhysique.RaisonSocialAr=Raison sociale arabe +distribution.page.personnePhysique.position=Position GPS +distribution.personnePhysique.exportpersonnephysique=Exporter Personnel d\u00e9ja existe +distribution.page.personnePhysique.liste.message.non=Pas de personnel enregistr\u00e9 ! +distribution.page.personnePhysique.ajouter=Ajouter +distribution.page.personnePhysique.ajouterPersonne=Ajouter une personne physique +distribution.page.personnePhysique.ajouterpersonnePhysique.message=Personnel {0} ajout\u00e9 avec succ\u00e8s +distribution.page.personnePhysique.modifierpersonnePhysique=Modifier un Personnel +distribution.page.personnePhysique.modifier=Modifier +distribution.page.personnePhysique.modifier.sold=Modifier solde +distribution.page.personnePhysique.consulterpersonnePhysique=Consulter un Personnel +distribution.page.personnePhysique.modifierpersonnePhysique.message=Personnel {0} modifi\u00e9 avec succ\u00e8s +distribution.page.personnePhysique.sold=Solde +distribution.page.personnePhysique.sold.new=Nouveau solde +distribution.page.personnePhysique.isSalarie=Est-il un salari\u00e9 ? +distribution.page.personnePhysique.actif=Actif +distribution.page.personnePhysique.salaire=Salaire +distribution.page.personnePhysique.numerosc=Num\u00e9ro S\u00e9curit\u00e9 social +distribution.page.personnePhysique.mail=Mail +distribution.page.personnePhysique.CompteBanque=Compte CCP / Banque +distribution.page.personnePhysique.NomBanque=Nom banque +distribution.page.personnePhysique.total=Total +distribution.page.personnePhysique.commune=Commune +distribution.personnePhysique.importpersonnePhysique=Importer le Personnel +distribution.personnePhysique.copieToDistribution=Copier vers trizDistribution +distribution.personnePhysique.copieAllToDistribution=Copier vers trizDistribution + +distribution.page.salaire=Salaire +distribution.page.salaire.liste=Liste des salaires + +distribution.page.secteur=Secteur +distribution.page.secteur.sansSecteur=Sans secteur +distribution.page.secteur.journee=Jour de passage +distribution.page.secteur.liste=Liste des secteurs +distribution.page.secteur.liste.message.non=Pas de secteur enregistr\u00e9 ! +distribution.page.secteur.ajoutersecteur=Ajouter un secteur +distribution.page.secteur.ajoutersecteur.message=secteur {0} ajout\u00e9 avec succ\u00e8s +distribution.page.secteur.modifiersecteur=Modifier un secteur +distribution.page.secteur.consultersecteur=Consulter un secteur +distribution.page.secteur.modifiersecteur.message=secteur {0} modifi\u00e9 avec succ\u00e8s +distribution.page.secteur.rotation=Rotation +distribution.page.secteur.nom=Nom +distribution.page.secteur.nom.ar=Nom en arabe +distribution.page.secteur.discription=Description +distribution.page.secteur.discription.ar=Description en arabe +distribution.page.secteur.position=position +distribution.page.secteur.ajouterdesclients=Ajouter des clients pour le secteur +distribution.page.secteur.ajouterclient=Ajouter les clients +distribution.page.secteur.affectertosecteur=D\u00e9placer vers +distribution.page.secteur.copierdans=Copier vers + +distribution.page.famille=Famille +distribution.page.famille.liste=Liste des familles +distribution.page.famille.liste.message.non=Pas de famille enregistr\u00e9 ! +distribution.page.famille.ajouterfamille.message=famille {0} ajout\u00e9 avec succ\u00e8s +distribution.page.famille.modifierfamille=Modifier une famille +distribution.page.famille.ajouterfamille=Ajouter une famille +distribution.page.famille.consulterfamille=Consulter une famille +distribution.page.famille.modifierfamille.message=famille {0} modifi\u00e9 avec succ\u00e8s +distribution.page.famille.rotation=Rotation +distribution.page.famille.nom=Nom +distribution.page.famille.nom.ar=Nom en arabe +distribution.page.famille.discription=Description +distribution.page.famille.discription.ar=Description en arabe +distribution.page.famille.ordre=Ordre d'affichage +distribution.page.famille.copierVers=Copier famille vers + + +distribution.page.marque=Marque +distribution.page.marque.liste=Liste des marques +distribution.page.marque.liste.message.non=Pas de marque enregistr\u00e9 ! +distribution.page.marque.ajoutermarque=Ajouter une marque +distribution.page.marque.ajoutermarque.message=marque {0} ajout\u00e9 avec succ\u00e8s +distribution.page.marque.modifiermarque=Modifier une marque +distribution.page.marque.consultermarque=Consulter une marque +distribution.page.marque.modifiermarque.message=marque {0} modifi\u00e9 avec succ\u00e8s +distribution.page.marque.rotation=Rotation +distribution.page.marque.nom=Nom +distribution.page.marque.nom.ar=Nom en arabe +distribution.page.marque.copierVers=Copier marque vers + +distribution.page.sousfamille.liste=Liste des sous familles +distribution.page.sousfamille=Sous famille +distribution.page.sousfamille.copier=Sous famille \u00e0 copier +distribution.page.sousfamille.select=Sous famille \u00e0 s\u00e9lectionner +distribution.page.sousfamille.catalogue=Catalogue des produits +distribution.page.sousfamille.ajouter=Ajouter une sous famille +distribution.page.sousfamille.modifier=Modifier une sous famille +distribution.page.sousfamille.voir=Consulter sous famille +distribution.page.sousfamille.modifier.ordre=Modifier ordre +distribution.page.sousfamille.copierVers=Copier sous famille vers +distribution.page.sousfamille.sellectionner.tout=S\u00e9lectionner tous les sous familles +distribution.page.sousfamille.liste.message.non=Pas de sous famille enregistr\u00e9 ! + +distribution.page.produit.modifier.sousFamille=Modifier sous famille +distribution.page.produit.modifier.etatProduction=Modifier \u00e9tat production +distribution.page.produit.supprimer=Supprimer sous famille +distribution.page.produit.supprimerconfirmation=Voulez vous vraiment supprimer cette sous famille !! +distribution.page.produit.supprimernonconfirmation=D\u00e9soler vous ne pouvez pas supprimer cette sous famille car elle contient des produits +distribution.page.produit.supprimerproduit=Supprimer le produit +distribution.page.produit.supprimerconfirmationproduit=Voulez vous vraiment supprimer ce produit !! +distribution.page.produit.supprimernonconfirmationproduit=D\u00e9soler vous ne pouvez pas supprimer ce produit car il existe dans certain ventes +distribution.page.produit.packelement=Elements du Pack du produit +distribution.page.produit.quantitepack=Quantit\u00e9 dans le pack +distribution.page.produit.produitcorrespondant=Produit correspandant +distribution.page.produit.copierDistribution=Copier vers TrizDistribution +distribution.page.produit.copierEtablissement=Copier vers Etablissement +distribution.page.produit.copierPrixEtablissement=Copier Prix vers Etablissement +distribution.page.produit.copier.produit=Copier Produit +distribution.page.produit.copier.prix=Copier Prix +distribution.page.produit.creerCorrespondance=Creer la correspondance avec la distribution +distribution.page.prix.copierprix=Copier les prix +distribution.page.prix.copierprix.vers=Copier prix vers +distribution.page.prix.logiciel=Logiciel +distribution.page.prix.copierprix.etabDist=Copier les prix vers les \u00e9tablissements de distribution +distribution.page.produit.ordre=Ordre +distribution.page.produit.gratuit=Gratuit +distribution.page.produit.sellectionner.tout=S\u00e9lectionner tous les produits + +distribution.copier=Copier +ditribution.page.filtre.allfied=Rechercher un mot +ditribution.page.filtre.entrerlettre=Entrer une lettre + +distribution.page.filtre=Filter +distribution.page.stock.finvien=Stock en fin de vie +distribution.page.stock.typeValeur=Afficher produit par +distribution.page.stock.alerte=Param\u00e8tre alerte Stock +distribution.page.stock.allProduit=Tous les produits +distribution.page.stock.allSousFamille=Toutes les sous famille +distribution.page.stock.produit.detail=D\u00e9tail des produits en stock +distribution.page.produit=Produit +distribution.page.produit.liste=Liste des produits +distribution.page.produit.recherchecorrespendance=Recherche de correspendance +distribution.page.produit.liste.detaille=D\u00e9tail produit +distribution.page.produit.liste.message.non=Pas de produit enregistr\u00e9 ! +distribution.page.produit.liste.transaction.non=Pas de transaction enregistr\u00e9 ! +distribution.page.produit.liste.historique.non=Pas d'historique enregistr\u00e9 ! +distribution.page.produit.ajouterproduit=Ajouter un produit +distribution.page.produit.ajouterproduit.tout=Ajouter tous les produits +distribution.page.produit.modifierOrdre=Modifier ordre +distribution.page.produit.modifierOrdreTva=Modifier ordre/TVA +distribution.page.produit.saveNewOrdre=Enregistrer l'ordre +distribution.page.produit.copierproduit=Copier un produit +distribution.page.produit.ajouterproduit.message=produit {0} ajout\u00e9 avec succ\u00e8s +distribution.page.produit.modifierproduit=Modifier un produit +distribution.page.produit.consulterproduit=Consulter un produit +distribution.page.produit.modifierproduit.message=produit {0} modifi\u00e9 avec succ\u00e8s +distribution.page.produit.image=Image +distribution.page.produit.typeReference=Type R\u00e9f\u00e9rence +distribution.page.produit.tva=TVA +distribution.page.produit.TypeTransaction=Type de transaction +distribution.page.produit.TypeProduction=Etat de production +distribution.page.produit.dureeDeVie=Dur\u00e9e de vie (Jour) +distribution.page.produit.image.charger=Charger image +distribution.page.produit.image.remove=Supprimer image +distribution.page.produit.marque=Marque +distribution.page.produit.nom=Nom +distribution.page.produit.nom.ar=Nom en arabe +distribution.page.produit.discription=Description +distribution.page.produit.discription.ar=Description en arabe +distribution.page.produit.tva=TVA +distribution.page.produit.unitemesure=Unit\u00e9 +distribution.page.produit.correspondance=Correspondance +distribution.page.produit.historique=Historique +distribution.page.produit.parfum=Parfum +distribution.page.produit.calissage=Colisage +distribution.page.produit.calissage.carton=Colisage carton +distribution.page.produit.calissage.palette=Colisage palette +distribution.page.produit.codebarre=Code barre Produit +distribution.page.produit.codebarre.carton=Code barre carton +distribution.page.produit.codebarre.palette=Code barre palette +distribution.page.produit.prix=Prix +distribution.page.produit.prixVente=Prix Vente +distribution.page.produit.prixAchat=Prix de revient (TTC) +distribution.page.produit.prix.recommander=Prix recommand\u00e9 +distribution.page.produit.poid.disponible=Poids disponible +distribution.page.produit.poid=Poids +distribution.page.produit.poid.allouer=Poids Allou\u00e9 +distribution.page.produit.poid.globale=Poids Globale +distribution.page.produit.reference=Abr\u00e9viation +distribution.page.produit.reference.ar=Abr\u00e9viation en arabe +distribution.page.produit.newreference=R\u00e9f\u00e9rence +distribution.page.produit.newreference.ar=R\u00e9f\u00e9rence en arabe +distribution.page.produit.emplacement=Emplacement +distribution.page.produit.ordre=Ordre +distribution.page.produit.remise=Remise +distribution.page.produit.nbrmin=Nbr min +distribution.page.produit.nbrmin.text=Nombre minimum pour b\u00e9nificier de la remise +distribution.page.produit.nbrmax.text=Nombre maximum pour b\u00e9nificier de la remise +distribution.page.produit.nbrmax=Nbr max +distribution.page.produit.nbrmax.text=Nombre maximum pour b\u00e9nificier de la remise +distribution.page.produit.quantite.disponible=Quantit\u00e9 disponible +distribution.page.produit.quantite.piece=Quantit\u00e9 En Pi\u00e8ce +distribution.page.produit.lasteVente=Date derni\u00e9re vente +distribution.page.produit.lasteApprovisionnement=Date dernier Approvisionnement +distribution.page.produit.quantite=Quantit\u00e9 +distribution.page.produit.quantite.allouer=Quantit\u00e9 Allou\u00e9e +distribution.page.produit.typeProduit=Type Produit +distribution.page.produit.total=Total +distribution.page.produit.total.disponible=Total disponible +distribution.page.produit.total.Allouer=Total Allou\u00e9 +distribution.page.produit.copieToDistribution=Copier produit(s) vers distribution +distribution.page.produit.historique=Historique +distribution.page.produit.historique.date=Date +distribution.page.produit.historique.filtrerParTypeOperartion=Filtrer par type op\u00e9ration +distribution.page.produit.historique.typeTransaction=Type de l'op\u00e9ration +distribution.page.produit.historique.Entree=Quantit\u00e9 Entr\u00e9e +distribution.page.produit.historique.Sortie=Quantit\u00e9 Sortie +distribution.page.produit.historique.ClientFournisseur=Client/Fournisseur +distribution.page.produit.historique.Quantite=Quantit\u00e9 +distribution.page.produit.historique.Prix=Prix(Achat/Vente) +distribution.page.add.remise=Ajouter remise +distribution.page.produit.correspendancePiece=Correspendance pi\u00e8ce Distribution +distribution.page.produit.colissagePiece=Colisage pi\u00e8ce +distribution.page.produit.location.service=Service location +distribution.page.produit.location.service.creer=Cr\u00e9er Service location +distribution.page.produit.historique.quantiteAfterTransaction=Quantit\u00e9 apr\u00e9s transaction +distribution.page.produit.codebarre.generer=Generer code barre +distribution.page.produit.codebarre.afficher=Afficher les informations +distribution.page.produit.covertirePoidPiece=Convertir le poids en pi\u00e8ce \u00e0 la reception +distribution.page.produit.useMultiPrix=Utiliser le multiplicateur de prix +distribution.page.produit.multiPrix=Multiplicateur de prix +distribution.page.produit.affecterprix=Affecter prix au pack +distribution.page.produit.creer=Cr\u00e9er un produit +distribution.page.produit.venteEnLotUnique=Vente en lot unique +distribution.page.produit.calculeServiceVentePar=Calculer le service \u00e0 la vente par +distribution.page.produit.prevoirproduit=Pr\u00e9voir produit +distribution.page.produit.prixAchatReference=Prix achat r\u00e9f\u00e9rence + + +distribution.page.parfum.liste=Liste des parfums +distribution.page.Parfum.nom=Nom de parfum +distribution.page.Parfum.nomAr=Nom de prufum en arabe +distribution.page.Parfum.description=description +distribution.page.Parfum.ajouter=Ajouter un Parfum +distribution.page.Parfum.message=Pas de prufum enregistr\u00e9 ! +distribution.page.telephone.qr=QR Code +distribution.page.telephone.adresseipglobal=Adresse IP Global +distribution.page.telephone.adresseiplocal=Adresse IP Local +distribution.page.telephone.adresseipvpn=Adresse IP VPN + + +distribution.page.synchronisation=Synchronisation +distribution.page.synchronisation.historique=Historique des synchronisation +distribution.page.synchronisation.interdepos=Synchronisation inter d\u00e9p\u00f4t + +distribution.page.activitie.camion=Activit\u00e9s commerciaux +distribution.page.activitie.client=Activit\u00e9s clients + +distribution.page.nbr=Nombre +distribution.page.montant=Montant +distribution.page.date=date +distribution.page.total=Total +distribution.page.heur=Heure + +distribution.page.gain=Gain + +distribution.page.vente.distribution=Vente distribution +distribution.page.vente.distribution.liste=Liste des ventes distribution +distribution.page.vente.distribution.ajouter=Ajouter une vente distribution + +distribution.page.vente=Vente +distribution.page.vente.numbon=Numero Bon +distribution.page.vente.numfacture=Numero Facture +distribution.page.vente.correction=Correction Stock +distribution.page.vente.liste=Liste des ventes +distribution.page.vente.liste.stock=Liste des ventes stock +distribution.page.vente.liste.distribution=Liste des ventes Distribution +distribution.page.vente.liste.camion=Liste des ventes par commercial +distribution.page.vente.liste.message.non=Pas de vente enregistr\u00e9 ! +distribution.page.vente.detail.message.non=Pas de d\u00e9tail enregistr\u00e9 ! +distribution.page.vente.consultervente=Consulter une vente +distribution.page.vente.prevoirvente=Pr\u00e9voir vente +distribution.page.vente.camion.consultervente=D\u00e9tail commercial +distribution.page.vente.detail=Vente d\u00e9tail +distribution.page.vente.prixunitaire=Prix unitaire +distribution.page.vente.quantite=Quantit\u00e9 +distribution.page.vente.quantite.globale=Quantit\u00e9 globale +distribution.page.vente.quantite.colis=Colis +distribution.page.vente.quantite.piece=Pi\u00e8ces +distribution.page.vente.remise=Remise +distribution.page.vente.remise.produit=Remise produit +distribution.page.vente.total.ht=Total HT +distribution.page.vente.tva=TVA +distribution.page.vente.typereglement=Type de r\u00e8glement +distribution.page.vente.total.ttc=Total TTC +distribution.page.vente.total.poid=Total poids +distribution.page.vente.total.produit=Nbr produit +distribution.page.vente.total.colis=Nbr colis +distribution.page.vente.quantite.piece.total=Total pi\u00e8ces +distribution.page.vente.total=Total +distribution.page.vente.total.achat=Total Achat +distribution.page.vente.total.vente=Total Vente +distribution.page.vente.total.gain=Total des b\u00e9n\u00e9fices +distribution.page.vente.total.marge=Marge +distribution.page.vente.total.pourcentageVenteProduit=Pourcentage vente / Produit +distribution.page.vente.total.pourcentageBenificeProduit=Pourcentage b\u00e9n\u00e9fice / Produit +distribution.page.vente.total.pourcentageVenteTotale=Pourcentage vente / Vente Total +distribution.page.vente.total.pourcentageBenificeTotale=Pourcentage b\u00e9n\u00e9fice / b\u00e9n\u00e9fice Total +distribution.page.vente.save=Enregister +distribution.page.vente.modifier=Modifier +distribution.page.vente.detailProduit=D\u00e9tail produit +distribution.page.vente.detailProduit.sortie=D\u00e9tail produit sortie +distribution.page.vente.detailProduit.benefice=D\u00e9tail produit avec b\u00e9n\u00e9fice +distribution.page.vente.detailProduit.all.benefice=D\u00e9tail produit S+D avec b\u00e9n\u00e9fice +distribution.page.vente.detailProduit.all=D\u00e9tail produit S+D +distribution.page.vente.detail=D\u00e9tail +distribution.page.vente.detailProduit.client=D\u00e9tail produit par client +distribution.page.vente.detailClient.produit=D\u00e9tail client par produit +distribution.page.vente.detailProduit.camion=D\u00e9tail produit par commercial +distribution.page.vente.detailProduit.client=D\u00e9tail produit par client +distribution.page.vente.detailClient=D\u00e9tail client/commercial +distribution.page.vente.produit.detail=D\u00e9tail produit +distribution.page.vente.produit.objectif=Objectif +distribution.page.vente.produit=produit +distribution.page.vente.client.programmer=Clients programmer +distribution.page.vente.client.visite=Clients visiter +distribution.page.vente.client.nonvisite=Clients non visiter +distribution.page.vente.client.Stock=Client Stock +distribution.page.vente.client.Distribution=Client Distribution +distribution.page.vente.vente.reusite=Ventes reusites +distribution.page.vente.raisonnonvente=Raison de non vente +distribution.page.vente.nonreussi=Visite sans vente +distribution.page.vente.horssecteur=Vente hors secteur +distribution.page.vente.horssecteur=Vente hors secteur +distribution.page.vente.ajouter=Ajouter une vente +distribution.page.vente.facture=Etablir facture +distribution.page.chargement=Chargement +distribution.page.chargement.liste=Liste des chargements +distribution.page.chargement.liste.camion=Liste des chargements par commercial +distribution.page.vente.bonachat=Bon d'achat +distribution.page.vente.bonachat.num=N\u00b0 Bon d'achat +distribution.page.vente.valeurbondachat=Valeur bon d'achat +distribution.page.vente.supprimer=Supprimer vente +distribution.page.vente.historique=Historique d'impression +distribution.page.vente.historique.date=Date +distribution.page.vente.historique.heur=Heur +distribution.page.vente.historique.message.non=Pas d'historique d'impression enregistr\u00e9 ! +distribution.page.vente.distance=Distance client + + +distribution.page.location=Location +distribution.page.location.liste=Liste des locations +distribution.page.location.liste.message.non=Pas de location enregistr\u00e9 ! +distribution.page.location.detail.message.non=Pas de d\u00e9tail enregistr\u00e9 ! +distribution.page.location.consulterlocation=Consulter une location +distribution.page.location.detail=Location d\u00e9tail +distribution.page.location.prixunitaire=Prix unitaire +distribution.page.location.quantite=Quantit\u00e9 +distribution.page.location.quantite.globale=Quantit\u00e9 globale +distribution.page.location.quantite.colis=Colis +distribution.page.location.quantite.piece=Pi\u00e8ces +distribution.page.location.remise=Remise +distribution.page.location.remise.produit=Remise produit +distribution.page.location.total.ht=Total HT +distribution.page.location.tva=TVA +distribution.page.location.typereglement=Type de r\u00e8glement +distribution.page.location.total.ttc=Total TTC +distribution.page.location.quantite.piece.total=Total pi\u00e8ces +distribution.page.location.total=Total +distribution.page.location.total.vente=Total location +distribution.page.location.save=Enregister +distribution.page.location.modifier=Modifier +distribution.page.location.detailProduit=D\u00e9tail produit +distribution.page.location.detail=D\u00e9tail +distribution.page.location.detailProduit.client=D\u00e9tail produit par client +distribution.page.location.detailClient.produit=D\u00e9tail client par produit +distribution.page.location.produit.detail=D\u00e9tail produit +distribution.page.location.produit.objectif=Objectif +distribution.page.location.ajouter=Ajouter une location + +distribution.page.transfertinterdepot=Transfert +distribution.page.transfertinterdepot.liste=Liste des Transferts +distribution.page.transfertinterdepot.liste.emis=Liste des Transferts \u00e9mis +distribution.page.transfertinterdepot.liste.recu=Liste des Transferts re\u00e7us +distribution.page.transfertinterdepot.recu=Transfert re\u00e7u +distribution.page.transfertinterdepot.liste.message.non=Pas de Transferts enregistr\u00e9 ! +distribution.page.transfertinterdepot.consultervente=Consulter un transfert +distribution.page.transfertinterdepot.accepter=Accepter Transferts +distribution.page.transfertinterdepot.annuler=Annuler Transferts +distribution.page.transfertinterdepot.resoudreconflit=Resoudre le conflit +distribution.page.transfertinterdepot.quantiterecu=Quantit\u00e9 re\u00e7ue +distribution.page.transfertinterdepot.quatiteenvoyer=Quantit\u00e9 envoy\u00e9e +distribution.page.transfertinterdepot.ecart=Ecart +distribution.page.transfertinterdepot.etat=Etat Transfert +distribution.page.transfertinterdepot.expiditeur=Exp. +distribution.page.transfertinterdepot.distinataire=Desti. + +distribution.page.stock.stock=Stock +distribution.page.stock.prix=Prix +distribution.page.stock.min=Stock Minimum +distribution.page.stock.securite=Stock s\u00e9curit\u00e9 +distribution.page.stock.finVie=Stock Fin de vie +distribution.page.stock.quantiteMin=Quantit\u00e9 min +distribution.page.stock.quantiteMin.depasser=Quantit\u00e9 en stock < Quantit\u00e9 min +distribution.page.stock.quantiteSecurite=Quantit\u00e9 s\u00e9curit\u00e9 +distribution.page.stock.quantiteSecurite.depasser=Quantit\u00e9 en stock < Quantit\u00e9 s\u00e9curit\u00e9 +distribution.page.stock.finDeVie.depasser=Produit expir\u00e9 +distribution.page.stock.fournisseur=Fournisseur +distribution.page.stock=Stock magasin +distribution.page.stock.etat=Etat du stock magasin +distribution.page.stock.etatpremiere=Mati\u00e8res premi\u00e8res +distribution.page.stock.etatfini=Produit fini +distribution.page.Mouvementstock.camion=mouvement stock des commerciaux +distribution.page.stock.etatfSemiFini=Produit semi-fini +distribution.page.stock.camion=Stock des commerciaux +distribution.page.stock.camion.etat=Etat du stock des commerciaux +distribution.page.stock.valeur=Valeur du stock +distribution.page.stock.consulterstock=Consulter stock commercial +distribution.page.stock.liste.message.non=Pas de produit enregistr\u00e9 ! +distribution.page.stock.modifierstock=Modifier stock +distribution.page.stock.modifierstock.message=Imprimante {0} modifi\u00e9 avec succ\u00e8s +distribution.page.stock.produitExistant=Liste des produits existants en stock +distribution.page.stock.sousFamilleExistant=Liste des sous famille existantes en stock +distribution.page.stock.produitmatierepremiere=Liste des mati\u00e8res premi\u00e8res +distribution.page.stock.produitfini=Liste des produits finis +distribution.page.stock.produitFinVie=Liste des produits en fin de vie + +distribution.page.stock.location=Stock Emballage +distribution.page.stock.location.ajouter=Ajouter une ligne + +distribution.page.stock.mouvement=Mouvement du Stock + +distribution.page.stock.etat.stock=Etat du stock +distribution.page.stock.etat.stock.finVie=Etat du stock fin de vie + +distribution.page.versement=Entr\u00e9e caisse +distribution.page.versement.camion=Versement commercial +distribution.page.versement.camion.liste=Liste des versements commerciaux +distribution.page.versement.client=Versement client +distribution.page.versement.client.date=date versement +distribution.page.versement.client.liste=Liste des versements clients +distribution.page.versement.liste.message.non=Pas d'etr\u00e9e caisse enregistr\u00e9 ! +distribution.page.versement.ajouter=Ajouter une entr\u00e9e caisse +distribution.page.versement.ajouterimprimante.message=Versement {0} ajout\u00e9 avec succ\u00e8s +distribution.page.versement.modifier=Modifier un versement +distribution.page.versement.consulter=Consulter un versement +distribution.page.versement.modifier.message=Versement {0} modifi\u00e9 avec succ\u00e8s +distribution.page.versement.money=Monnaie +distribution.page.versement.valeur=Valeur +distribution.page.versement.valeurAchat=Valeur achat +distribution.page.versement.valeurAchatHorsTaxe=Valeur achat hors taxe +distribution.page.versement.quantite=Quantit\u00e9 +distribution.page.versement.total=Total +distribution.page.versement.nbr=Nbr +distribution.page.versement.nbrVersement=Nombre versement +distribution.page.versement.billet.liste=Liste des billets +distribution.page.versement.billet.ajouter=Ajouter d\u00e9tail des billets +distribution.page.versement.billet.detail=D\u00e9tail des billets +distribution.page.versement.detail=D\u00e9tail entr\u00e9e caisse + + +distribution.page.confermation=Confirmation +distribution.page.chargement=Chargement +distribution.page.chargement.liste=Liste des chargements +distribution.page.chargement.liste.camion=Liste des chargements par commercial +distribution.page.chargement.liste.message.non=Pas de chargement enregistr\u00e9 ! +distribution.page.chargement.detail.message.non=Pas de d\u00e9tail enregistr\u00e9 ! +distribution.page.chargement.consulterchargement=Consulter un chargement +distribution.page.chargement.camion.consultervente=D\u00e9tail commercial +distribution.page.chargement.detail=Chargement d\u00e9tail +distribution.page.chargement.prixunitaire=Prix unitaire +distribution.page.chargement.quantite=Quantit\u00e9 +distribution.page.chargement.quantite.colis=Colis +distribution.page.chargement.quantite.piece=Pi\u00e8ces +distribution.page.chargement.quantite.piece.total=Total pi\u00e8ces +distribution.page.chargement.total=Total +distribution.page.chargement.saisie=Saisi(e) par +distribution.page.chargement.ajouter=Ajouter un chargement +distribution.page.chargement.ajouterligne=Ajouter une ligne +distribution.page.chargement.ligne.supprimertout=Supprimer toutes les lignes +distribution.page.chargement.ligne.supprimertout.msg=Voulez vous vraiement supprimer toutes les lignes ? +distribution.page.chargement.save=Enregister +distribution.page.chargement.modifier=Modifier +distribution.page.chargement.remise=Remise +distribution.page.chargement.total.ht=Total HT +distribution.page.chargement.tva=TVA +distribution.page.chargement.total.ttc=Total TTC + +distribution.page.telephone=T\u00e9l\u00e9phone +distribution.page.telephone.code=Code T\u00e9l\u00e9phone +distribution.page.telephone.id=ID T\u00e9l\u00e9phone +distribution.page.telephone.dernier=Derni\u00e8re activation +distribution.page.telephone.date.dernier=Date du Derni\u00e8re activation +distribution.page.telephone.heur.dernier=Heur du Derni\u00e8re activation +distribution.page.telephone.liste=Liste des t\u00e9l\u00e9phones +distribution.page.telephone.liste.message.non=Pas de t\u00e9l\u00e9phone enregistr\u00e9 ! +distribution.page.telephone.ajoutertelephone=Ajouter un t\u00e9l\u00e9phone +distribution.page.telephone.ajoutertelephone.message=t\u00e9l\u00e9phone {0} ajout\u00e9 avec succ\u00e8s +distribution.page.telephone.modifiertelephone=Modifier un t\u00e9l\u00e9phone +distribution.page.telephone.consultertelephone=Consulter un t\u00e9l\u00e9phone +distribution.page.telephone.modifiertelephone.message=T\u00e9l\u00e9phone {0} modifi\u00e9 avec succ\u00e8s +distribution.page.etablissement.adresseserveurglobal=Adresse serveur Global +distribution.page.telephone.nom=Nom t\u00e9l\u00e9phone +distribution.page.telephone.modele=Mod\u00e8le +distribution.page.telephone.numeroserie=Num\u00e9ro de serie +distribution.page.telephone.adressemac=Adresse Mac +distribution.page.telephone.adresseip=Adresse IP +distribution.page.telephone.adresseipglobal=Adresse IP Global +distribution.page.telephone.port=Port +distribution.page.telephone.etat=Actif +distribution.page.telephone.showProduit=Afficher produit +distribution.page.telephone.offligne=D\u00e9connecter +distribution.page.telephone.enligne=Connecter +distribution.page.telephone.reboot=Reboot +distribution.page.telephone.confiant=Confiant +distribution.page.telephone.verifier=V\u00e9rifier +distribution.page.telephone.actualiser=Actualiser +distribution.page.telephone.testeConnection=Teste de connexion +distribution.page.telephone.testconnexion=Test de connexion +distribution.page.telephone.module=Module +distribution.page.telephone.synchroniser=Synchroniser +distribution.page.telephone.image=Synchroniser image +distribution.page.telephone.synchroniser.image=Synchroniser image +distribution.page.telephone.synchroniser.tout=Tout synchroniser +distribution.page.telephone.synchroniser.stop=Arreter la synchronisation +distribution.page.telephone.synchroniser.non=Non synchroniser +distribution.page.telephone.synchroniser.derniere=Derni\u00e8re synchroniser +distribution.page.telephone.synchroniser.initiateur=Par +distribution.page.telephone.camion.erreur=Le commercial s\u00e9lectionn\u00e9 poss\u00e8de d\u00e9j\u00e0 un t\u00e9l\u00e9phone ! +distribution.page.telephone.synchroniser.image=Synchroniser image +distribution.page.telephone.image=Synchroniser image +distribution.page.telephone.mobilelient=Lien de mobile +distribution.page.telephone.useStock=Stock commande +distribution.page.telephone.showQuantite=Afficher quantit\u00e9 depot +distribution.page.telephone.retourvaloriser=Retour Valoriser +distribution.page.telephone.sendMail=Envois les commandes par Mail +distribution.page.telephone.reservationAuto=R\u00e9servation automatique des commandes +distribution.page.telephone.afficheToutLesProduitStock=Afficher les produits +distribution.page.telephone.reculetva=Reculer TVA +distribution.page.vente.id=Id +distribution.page.vente.livreur=Livreur +distribution.page.profiletelephone.profile=Profile +distribution.page.etablissement.autoSave=Sauvegarde automatique lors de la saisie +distribution.page.etablissement.complementChargement=Compl\u00e9ment automatique des chargements par +distribution.page.client.parDefaut=Client par d\u00e9faut + +distribution.page.imprimante=Imprimante +distribution.page.imprimante.liste=Liste des imprimantes +distribution.page.imprimante.liste.message.non=Pas de imprimante enregistr\u00e9 ! +distribution.page.imprimante.ajoutertelephone=Ajouter une imprimante +distribution.page.imprimante.ajouterimprimante.message=Imprimante {0} ajout\u00e9 avec succ\u00e8s +distribution.page.imprimante.modifierimprimante=Modifier un imprimante +distribution.page.imprimante.consulterimprimante=Consulter un imprimante +distribution.page.imprimante.modifierimprimante.message=Imprimante {0} modifi\u00e9 avec succ\u00e8s +distribution.page.imprimante.nom=Nom imprimante +distribution.page.imprimante.modele=Mod\u00e8le +distribution.page.imprimante.numeroserie=Num\u00e9ro de serie +distribution.page.imprimante.adressemac=Adresse Mac +distribution.page.imprimante.etat=Actif +distribution.page.imprimante.taille=Taille +distribution.page.imprimante.ticket=Imprimante Ticket +distribution.page.imprimante.commante.stock=Stock & Commande commercial +distribution.page.imprimante.commante=Commande Commercial + + +distribution.page.configuration=Configuration + + +distribution.page.entreprise=Entreprise +distribution.page.entreprise.url=URL +distribution.page.entreprise.liste=Liste des Entreprise +distribution.page.entreprise.ajouterenreprise=Ajouter une entreprise +distribution.page.entreprise.all=Tous les entreprises +distribution.page.entreprise.liste.message.non=Pas de entreprise enregistr\u00e9 ! +distribution.page.entreprise.applicationClient=Application client +distribution.page.entreprise.applicationClient.affichageproduit=Affichage produit +distribution.page.entreprise.applicationClient.max=Nbr client autorise +distribution.page.entreprise.applicationClient.listeCliet=Liste des clients autoriser +distribution.page.entreprise.selectionner=Veuillez s\u00e9l\u00e9ctionner un entreprise + + +distribution.page.groupes=Groupes +distribution.page.Utilisateurs=Utilisateurs + + +distribution.page.prix=Prix +distribution.page.prix.liste=Liste des prix +distribution.page.prix.liste.prix.courant=Prix de revient (TTC) +distribution.page.prix.vente.liste=Prix \u00e0 la vente +distribution.page.prix.vente.recalculerPrix=Recalculer les prix +distribution.page.prix.vente.recalculer=Recalculer les prix de vente +distribution.page.prix.vente.typeClientSelected=Du type en cours +distribution.page.prix.vente.allTypeSlected=Des type selectionn\u00e9s +distribution.page.prix.Achat=Prix \u00e0 l'achat +distribution.page.prix.Achat.sansRemise=Prix Sans Remise +distribution.page.prix.Achat.liste=Prix \u00e0 l'achat +distribution.page.prix.revient.liste=Prix de revient +distribution.page.prix.revient=Prix de revient +distribution.page.prix.globale.liste=Listing des prix +distribution.page.prix.Achat.list=Liste des prix d'achat +distribution.page.prix.liste.message.non=Pas de produit enregistr\u00e9 ! +distribution.page.prix.ajouterprix=Ajouter un prix +distribution.page.prix.ajouterprix.message=Prix {0} ajout\u00e9 avec succ\u00e8s +distribution.page.prix.modifierprix=Modifier les prix +distribution.page.prix.consulterprix=Consulter un produit +distribution.page.prix.modifierprix.message=Prix {0} modifi\u00e9 avec succ\u00e8s +distribution.page.prix.liste.prix.pmp=PMP (TTC) + +distribution.page.etablissement=Etablissement +distribution.page.etablissement.id=ID Etablissement +distribution.page.etablissement.isPreparateur=Est il un pr\u00e9parateur ? +distribution.page.etablissement.code=Code Etablissement +distribution.page.etablissement.liste=Liste des \u00e9tablissements +distribution.page.etablissement.consulter=Consulter \u00e9tablissement +distribution.page.etablissement.liste.message.non=Pas d'\u00e9tablissement enregistr\u00e9 ! +distribution.page.etablissement.modifier=Modifier \u00e9tablissement +distribution.page.etablissement.modifier.message=Etablissement {0} modifi\u00e9 avec succ\u00e8s +distribution.page.etablissement.nomEtablissement=Nom \u00e9tablissement +distribution.page.etablissement.raisonsocial=Raison sociale +distribution.page.etablissement.statutjuridique=Statut juridiquecapitale +distribution.page.etablissement.region=Region +distribution.page.etablissement.nomSuperviseur=Nom Superviseur +distribution.page.etablissement.codeUsine=Code usine +distribution.page.etablissement.activitie=Activit\u00e9 +distribution.page.etablissement.capitale=Capitale sociale +distribution.page.etablissement.siege=Si\u00e8ge sociale +distribution.page.etablissement.wilaya=Wilaya +distribution.page.etablissement.mail=Mail +distribution.page.etablissement.fax=Fax +distribution.page.etablissement.profitable=Profitable +distribution.page.etablissement.adresse=Adresse +distribution.page.etablissement.telephone=T\u00e9l\u00e9phone +distribution.page.etablissement.mobile=Mobile +distribution.page.etablissement.mobile2=Mobile2 +distribution.page.etablissement.viber=Viber +distribution.page.etablissement.FB=Page Facebook +distribution.page.etablissement.Telegrame=Telegrame +distribution.page.etablissement.numrc=RC +distribution.page.etablissement.numnif=NIF +distribution.page.etablissement.numnis=NIS +distribution.page.etablissement.rip=RIB +distribution.page.etablissement.nbr=Nombre des \u00e9tablissements +distribution.page.etablissement.nbrJourEnregistrementClient=Nombre du jours d'enregistrement client +distribution.page.etablissement.observationBon=Observation BL +distribution.page.etablissement.numai=AI +distribution.page.etablissement.position=Position GPS +distribution.page.etablissement.tva=Taux TVA (%) +distribution.page.etablissement.uniteMesurePoidProduit=Unit\u00e9 de mesure produit par poids +distribution.page.etablissement.tvaFacture=TVA Facture(%) +distribution.page.etablissement.isAutoNumeroFacture=G\u00e9n\u00e9rer les num\u00e9ros de facture par le syst\u00e8me +distribution.page.etablissement.objectif=Objectif commercial/jour (Da) +distribution.page.etablissement.delaisenregistrement=D\u00e9lais de sauvgardage sur t\u00e9l\u00e9phone (jour) +distribution.page.etablissement.delaisValiditeCommande=D\u00e9lai de validit\u00e9 de la commande (jour) +distribution.page.etablissement.delaisGarentie=D\u00e9lai de garantie (jour) +distribution.page.etablissement.delaisRetour=D\u00e9lai de retour (jour) +distribution.page.etablissement.delaisEcheanceVenteLivraison=D\u00e9lai d'\u00e9ch\u00e9ance vente / livraison (jour) +distribution.page.etablissement.adresseserveur=Adresse serveur +distribution.page.etablissement.etablissementDistribution=Etablissement distribution +distribution.page.etablissement.etablissementDistinataire=Etablissement distinataire +distribution.page.etablissement.caisse=Caisse versement camion +distribution.page.etablissement.etablissementcommercial=Etablissement commercial +distribution.page.etablissement.soldautoriserclient=Solde autoriser par client (Da) +distribution.page.etablissement.soldautorisercamion=Solde autoriser par commercial (Da) +distribution.page.etablissement.tete=Ent\u00eate ticket de caisse +distribution.page.etablissement.pied=Pieds ticket de caisse +distribution.page.etablissement.information=Information g\u00e9n\u00e9rale +distribution.page.etablissement.parametre=Param\u00e8tres +distribution.page.etablissement.caisseetpalette=Caisse & palette +distribution.page.etablissement.serviceVente=Service vente +distribution.page.etablissement.useservice=Applique un service dans la vente +distribution.page.etablissement.servicedefault=Service +distribution.page.etablissement.usepalette=Utilis\u00e9 palette +distribution.page.etablissement.usecaisse=Utilis\u00e9 caisse +distribution.page.etablissement.usepiece=Utilis\u00e9 pi\u00e8ce +distribution.page.etablissement.palettedetault=Utilis\u00e9 palette +distribution.page.etablissement.caissedetault=Utilis\u00e9 caisse +distribution.page.etablissement.piecedetault=Utilis\u00e9 pi\u00e8ce +distribution.page.etablissement.ticketcaisse=Ticket de caisse +distribution.page.etablissement.typeVenteCamion=Type de prix chargement +distribution.page.etablissement.langue=Langue +distribution.page.etablissement.heurDebutJournee=Heure d\u00e9but de journ\u00e9e +distribution.page.etablissement.remiseetobjectif=Remise et objectif +distribution.page.etablissement.objectifclient=Objectif client +distribution.page.etablissement.objectifEtablissement=Objectif \u00e9tablissement +distribution.page.etablissement.chiffredaffaire=Remise sur chiffre d'affaire client (%) +distribution.page.etablissement.remiseclient=remise appliqu\u00e9e \u00e0 la vente client (%) +distribution.page.etablissement.onLigne=On ligne +distribution.page.etablissement.facturation=Facturation +distribution.page.etablissement.NumBon=Num\u00e9ro des bons +distribution.page.etablissement.connnection=Connexion +distribution.page.etablissement.appliquerTvaProduit=Appliquer la tva sur les produits +distribution.page.etablissement.showPrice=Afficher les prix sur le ticket +distribution.page.etablissement.StockNegatif=Autoriser le stock n\u00e9gatif +distribution.page.etablissement.showcreditBl=Afficher cr\u00e9dit dans le BL +distribution.page.etablissement.showTotalVersementJourBl=Afficher totale de versement du jour dans le BL +distribution.page.etablissement.logo.charger=Charger logo +distribution.page.etablissement.logo.remove=Supprimer logo +distribution.page.etablissement.typeSaisieProduit=Type de saisie produit +distribution.page.etablissement.typeAffichargeQuantiteRapport=Affichage des quantit\u00e9s dans les rapports +distribution.page.etablissement.autoriseStockNegatif=Autoriser Stock n\u00e9gatif +distribution.page.etablissement.consulter=Consulter +distribution.page.etablissement.clientComptoire=Client par d\u00e9faut +distribution.page.etablissement.typePrixDefaut=Type de prix par d\u00e9faut +distribution.page.etablissement.typePrix=Type de prix +distribution.page.etablissement.mail=Mail +distribution.page.etablissement.mail.adresse=Adresse mail +distribution.page.etablissement.mail.pw=Mot de passe +distribution.page.etablissement.mais.serveur=Mail Serveur +distribution.page.etablissement.mail.transport=Mail Transport +distribution.page.etablissement.mail.port=Mail Port +distribution.page.etablissement.mail.from=Mail Expiditeur +distribution.page.etablissement.showCodeEtablissement=Afficher code client \u00e9tablissement +distribution.page.etablissement.compteBanque=Mail Expiditeur +distribution.page.etablissement.chargementnextday=Enregistrer le chargement dans le lendemain +distribution.page.etablissement.blAavecfacture=Vente client avec facture +distribution.page.etablissement.calculePrixVenteAuto=Calcule automatique des prix de ventes +distribution.page.etablissement.calculePmpTTC=Calcule PMP en TTC +distribution.page.etablissement.raclculerPmp=Calculer le PMP a chaque achat ? +distribution.page.etablissement.margeVenteGloble=Marge +distribution.page.etablissement.exportationClientAvecPositionGPS=Afficher la position Gps dans l'exportation des clients +distribution.page.etablissement.copiePrixVersDistributionAuto=Copier automatique prix de vente vers distribution +distribution.page.etablissement.debiteCaissetransfert=D\u00e9biter la caisse lors du transfert +distribution.page.etablissement.typecorrespendance=Type Correspendance Stock / Distribution +distribution.page.etablissement.comptabilite=Comptabilit\u00e9 +distribution.page.etablissement.comptabilite.useComptabilite=Utilise la comptabilit\u00e9 +distribution.page.etablissement.comptabilite.codeTTC=code TTC +distribution.page.etablissement.comptabilite.code9=code TVA 9% +distribution.page.etablissement.comptabilite.code19=code TVA 19% +distribution.page.etablissement.comptabilite.timbre=code Timbre +distribution.page.etablissement.comptabilite.achat=code Achat +distribution.page.etablissement.comptabilite.stock=code Stock +distribution.page.etablissement.comptabilite.vente=code Vente +distribution.page.etablissement.comptabilite.consomation=code Consomation +distribution.page.etablissement.comptabilite.client.tiers=code tiers +distribution.page.etablissement.comptabilite.client.comptable=code comptable +distribution.page.etablissement.detailOrder=Afficher les details produit par +distribution.page.etablissement.tvaGlobal=Tva Global +distribution.page.etablissement.typeDonnee=Type donn\u00e9es +distribution.page.etablissement.showClientCommercial=Dans la vente distribution, Afficher les clients + +distribution.page.etablissement.NumEntree=N\u00b0 dernier bon Achat +distribution.page.etablissement.NumProduction=N\u00b0 derni\u00e9re Production +distribution.page.etablissement.Numfacture=N\u00b0 de la derni\u00e9re Facture +distribution.page.etablissement.NumVente=N\u00b0 dernier bon Vente +distribution.page.etablissement.NumAvoir=N\u00b0 dernier bon Gratuit\u00e9 fournisseur +distribution.page.etablissement.NumChargement=N\u00b0 dernier bon Chargement +distribution.page.etablissement.NumLivraison=N\u00b0 dernier bon Livraison +distribution.page.etablissement.NumCommande=N\u00b0 dernier bon Commande +distribution.page.etablissement.NumTransfertEmis=N\u00b0 dernier bon Transfert \u00e9mis +distribution.page.etablissement.NumTransfertRecu=N\u00b0 dernier bon Transfert re\u00e7u +distribution.page.etablissement.NumVersement=N\u00b0 de la derni\u00e9re entr\u00e9e caisse +distribution.page.etablissement.NumDepense=N\u00b0 de la derni\u00e9re sortie caisse + + + +distribution.page.credit=Cr\u00e9dit client +distribution.page.credit.historique=Historique cr\u00e9dit client +distribution.page.credit.liste=Liste des cr\u00e9dits +distribution.page.avecCredit.liste=Liste des clients avec cr\u00e9dit +distribution.page.sansCredit.liste=Liste des clients sans cr\u00e9dit +distribution.page.credit.liste.message.non=Pas de cr\u00e9dit enregistr\u00e9 ! +distribution.page.credit.modifier=Modifier cr\u00e9dit +distribution.page.credit.consulter=Consulter cr\u00e9dit d'un commercial +distribution.page.credit.modifier.message=Cr\u00e9dit {0} modifi\u00e9 avec succ\u00e8s + + +distribution.page.sold.camion=Solde commercial +distribution.page.sold.liste=Liste solde des commercial +distribution.page.sold.liste.message.non=Pas d'activit\u00e9 enregistr\u00e9 ! +distribution.page.sold.modifier=Modifier solde commercial +distribution.page.sold.consulter=Consulter activit\u00e9 commercial +distribution.page.sold.modifier.message=Solde {0} modifi\u00e9 avec succ\u00e8s +distribution.page.sold.versement=Versement +distribution.page.sold.chargement=Chargement +distribution.page.sold.correction.ancien=Ancien solde +distribution.page.sold.correction.nouveau=Nouveau solde +distribution.page.sold.correction.date.saisie=Date saisie +distribution.page.sold.correction.date.correction=Date de correction +distribution.page.sold.correction=Correction solde +distribution.page.sold.soldDebutJour=Solde d\u00e9but de journ\u00e9e +distribution.page.sold.soldFinJour=Solde fin de journ\u00e9e +distribution.page.sold.stock=Valeur du stock commercial +distribution.page.sold.credit=Valeur Cr\u00e9dit commercial +distribution.page.sold.total=Total + +distribution.page.remise=Remise client +distribution.page.remise.liste=Liste des remises Client +distribution.page.remise.liste.message.non=Pas de remise enregistr\u00e9 ! +distribution.page.remise.modifier=Modifier les remises +distribution.page.remise.consulter=Consulter les remise d'un commercial +distribution.page.remise.modifier.message=Remise {0} modifi\u00e9 avec succ\u00e8s +distribution.page.remise.calculer=Calculer les remises +distribution.page.remise.calculer.message=Remise {0} calcul\u00e9 avec succ\u00e8s +distribution.page.remise.consommer=Remise client consomm\u00e9 +distribution.page.remise.restante=Remise client restante +distribution.page.remise.pourcentage=Remise (%) +distribution.page.remise.mois=Remise du mois +distribution.page.remise.chiffredaffaire=Remise sur chiffre d'affaire client (%) + + +distribution.page.chiffredaffaire=Chiffre d'affaire +distribution.page.chiffredaffaire.camion=Chiffre d'affaire par commercial +distribution.page.chiffredaffaire.client=Chiffre d'affaire client par client + +distribution.page.depanses.liste=Liste des sorties caisse +distribution.page.depenses.consulter=Consulter une d\u00e9pense +distribution.page.depanses.depenses=D\u00e9penses +distribution.page.depanses.depense=D\u00e9pense +distribution.page.depanses.adddepense=Ajouter une sortie caisse +distribution.page.depanses.object=Objet +distribution.page.depanses.observation=Observation + + +distribution.page.activitiestock=Activit\u00e9 stock +distribution.page.retoureEnStock=Retour en stock +distribution.page.retoureEnStock.liste=Liste des retour en stock +distribution.page.retoureEnStock.liste.camion=Liste des chargements par commercial +distribution.page.retoureEnStock=Retour en stock +distribution.page.retoureEnStock.liste=Liste des retours en stock +distribution.page.retoureEnStock.liste.camion=Liste des retours en stock par commercial +distribution.page.retoureEnStock.liste.message.non=Pas de retour en stock enregistr\u00e9 ! +distribution.page.retoureEnStock.detail.message.non=Pas de d\u00e9tail enregistr\u00e9 ! +distribution.page.retoureEnStock.consulterchargement=Consulter un retour en stock +distribution.page.retoureEnStock.camion.consultervente=D\u00e9tail commercial +distribution.page.retoureEnStock.detail=retour en stock d\u00e9tail +distribution.page.retoureEnStock.prixunitaire=Prix unitaire +distribution.page.retoureEnStock.quantite=Quantit\u00e9 +distribution.page.retoureEnStock.quantite.colis=Colis +distribution.page.retoureEnStock.quantite.piece=Pi\u00e8ces +distribution.page.retoureEnStock.quantite.piece.total=Total pi\u00e8ces +distribution.page.retoureEnStock.total=Total +distribution.page.retoureEnStock.saisie=Saisie par +distribution.page.retoureEnStock.ajouter=Ajouter un nouveau retour en stock +distribution.page.retoureEnStock.ajouterligne=Ajouter une ligne +distribution.page.retoureEnStock.ligne.supprimertout=Supprimer toutes les lignes +distribution.page.retoureEnStock.ligne.supprimertout.msg=Voulez vous vraiement supprimer toutes les lignes ? +distribution.page.retoureEnStock.save=Enregister +distribution.page.retoureEnStock.modifier=Modifier +distribution.page.retoureEnStock.remise=Remise +distribution.page.retoureEnStock.total.ht=Total HT +distribution.page.retoureEnStock.tva=TVA +distribution.page.retoureEnStock.total.ttc=Total TTC +distribution.page.retoureEnStock.observation=Observation +distribution.page.retoureEnStock.etat=Etat +distribution.page.retoureEnStock.etat.bon=Bon +distribution.page.retoureEnStock.etat.avari=Avari\u00e9 + +distribution.page.supprimer.liste=Supprimer de la liste + +distribution.page.suiviflotte.title=Suivi de la flotte +distribution.page.suiviflotte.etatrecap=Etat r\u00e9capitulatif +distribution.page.suiviflotte.detailetatrecap=D\u00e9tails d'etat r\u00e9capitulatif + +distribution.page.journalvisite.title=Journal des visites +distribution.page.journalventes.title=Journal des ventes +distribution.page.journalachats.title=Journal des achats +distribution.page.historiquestock.title=Journal des Stocks +distribution.page.annee=Annee +distribution.page.mois=Mois +distribution.page.semaine=Semaine +distribution.page.zone=Zone +distribution.page.journalvisitesansVente.title=Client sans achats + +distribution.page.typeclient.liste=Liste des types de prix +distribution.page.typeclient.ajouter=Ajouter un type de prix +distribution.page.typeclient.copierVers=Copier type de prix vers +distribution.page.typeclient.typeDistinataire=Type Distinataire +distribution.page.typeclient.nom=Type de prix +distribution.page.typeclient.nomar=Type de prix en arabe +distribution.page.typeclient.modifier=Modifier +distribution.page.typeclient.ajouterObjectife=ajouter type +distribution.page.typeclient.marge=Marge (%) +distribution.page.typeclient.marge.theo=Marge theorique (%) +distribution.page.typeclient.correspondance.distribution=Correspondance distribution +distribution.page.typeclient.copieToDistribution=Copier vers distribution +distribution.page.typeclient.distribution=Type de prix distribution +distribution.page.typeclient=Type de prix +distribution.page.typeclient.exonore=Type de prix exonor\u00e9 de Tva +distribution.page.typeclient.parametrage=Param\u00e9trage + +distribution.page.typeactivitieclient.liste=Liste des types d'activit\u00e9s client +distribution.page.typeactivitieclient.ajouter=Ajouter un type d'activit\u00e9 client +distribution.page.typeactivitieclient.copierVers=Copier type d'activit\u00e9 client vers +distribution.page.typeactivitieclient.typeDistinataire=Type Distinataire +distribution.page.typeactivitieclient.nom=Type d'activit\u00e9 +distribution.page.typeactivitieclient.nomar=Type d'activit\u00e9 en arabe +distribution.page.typeactivitieclient.modifier=Modifier +distribution.page.typeactivitieclient.ajouterObjectife=ajouter type +distribution.page.typeactivitieclient=Type d'activit\u00e9 client + +distribution.page.categorieclient.liste=Liste des cat\u00e9gories client +distribution.page.categorieclient.ajouter=Ajouter une cat\u00e9gorie client +distribution.page.categorieclient.copierVers=Copier cat\u00e9gorie vers +distribution.page.categorieclient.typeDistinataire=Type Distinataire +distribution.page.categorieclient.nom=Cat\u00e9gorie +distribution.page.categorieclient.nomar=Cat\u00e9gorie en arabe +distribution.page.categorieclient.modifier=Modifier +distribution.page.categorieclient.ajouterObjectife=ajouter cat\u00e9gorie +distribution.page.categorieclient=Cat\u00e9gorie client + +distribution.page.correspondance=Correspondance +distribution.page.correspondance.liste.message.non=pas de correspondance enregistr\u00e9 ! + +distribution.page.typeDistinataire=Type Distinataire + +distribution.page.objectifvente.liste=Objectif de vente +distribution.page.objectifvente.quantitemin=Quantit\u00e9 Minimale +distribution.page.objectifvente.quantitemax=Quantit\u00e9 Maximale + +distribution.page.admin=Administrateur + +distribution.page.user.liste=Liste des Utilisateurs +distribution.page.user.ajouterUtilisateurs=Ajouter un Utilisateur +distribution.page.user.modifieruser=Modifier un utilisateur +distribution.page.user=Utilisateur +distribution.page.user.nom=Nom +distribution.page.user.prenom=Pr\u00e9nom +distribution.page.user.forcer.map=Forcer Map +distribution.page.user.historique.connexion=Historique de Connexion +distribution.page.user.adresse=Adresse +distribution.page.user.ajouteruser=Ajouter un utilisateur +distribution.page.user.date_nessaince=Date de naissance +distribution.page.user.tel1=N\u00b0 t\u00e9l\u00e9phone 1 +distribution.page.user.tel2=N\u00b0 t\u00e9l\u00e9phone 2 +distribution.page.user.password=Mot de passe +distribution.page.user.password.confirmation=confirmation de mot de passe +distribution.page.user.actifs=Utilisateurs actifs +distribution.page.user.inactifs=Utilisateurs inactifs +distribution.page.user.liste.message.nonactif=Pas d'utilisateur actif ! +distribution.page.user.liste.message.noninactif=Pas d'utilisateur inactif ! +distribution.page.user.actf=Actif +distribution.page.user.showTableauDeBord=Voir le tableau de bord +distribution.page.user.canUseStock=Peut utiliser trizStock +distribution.page.user.canUseDistribution=Peut utiliser trizDistribution +distribution.page.user.groupe=Groupe +distribution.page.user.liste.message.non=Pas d'utilisateur enregistr\u00e9 ! +distribution.page.user.listeGroupes=Groupes d'utilisateur +distribution.page.user.listeFonctionalite=Fonctionalit\u00e9s d'utilisateur +distribution.page.user.mail=Mail + +distribution.page.groupe=groupe +distribution.page.groupe.distribution=groupe distribution +distribution.page.groupe.stock=groupe stock +distribution.page.groupe.privilege=Privil\u00e8ge +distribution.page.groupe.privilege.message.non=Pas de Privil\u00e8ge enregistr\u00e9e ! +distribution.page.groupe.liste=Liste des groupes +distribution.page.groupe.nom=Nom de groupe +distribution.page.groupe.notificationMail=Poss\u00e9de des notification par mail? +distribution.page.groupe.id=ID groupe +distribution.page.groupe.ajoutergroupe=Ajouter un groupe +distribution.page.groupe.copierVers=Copier vers +distribution.page.groupe.rotour=retour +distribution.page.groupe.modifier=modifier +distribution.page.groupe.liste.message.non=Pas de groupe enregistr\u00e9 ! +distribution.page.groupe.consultergroupe=Consulter un groupe +distribution.page.groupe.listeDeFonctionaliteGroupe=Fonctionnalit\u00e9s du groupe +distribution.page.groupe.listeDeutilisateurGroupe=utilisateur de groupe +distribution.page.groupe.copierVers=Copier vers + + +distribution.page.fonctionalite=Liste des fonctionnalit\u00e9s +distribution.page.fonctionalite.liste.message.non=Pas d'utilisateur enregistr\u00e9 ! +distribution.page.fonctionalite.id=ID +distribution.page.fonctionnalite=Fonctionnalit\u00e9s +distribution.page.fonctionalite.nom=Fonctionnalit\u00e9 +distribution.page.fonctionalite.description=Description +distribution.page.fonctionalite.listeGroupeFonctionalite=Groupes qui utilise la fonctionnalit\u00e9 + +distribution.page.fonctionGroup.add=Ajouter +distribution.page.fonctionGroup.modifier=Modifier +distribution.page.fonctionGroup.benefice=voir b\u00e9n\u00e9fice +distribution.page.fonctionGroup.canChangePrice=Peux changer les prix +distribution.page.fonctionGroup.canChangeDate=Peux changer les dates +distribution.page.fonctionGroup.canRemove=Peux supprimer + +stock.page.fournisseur=Fournisseur +stock.page.fournisseur.consulter=Conslter un fournisseur +stock.page.fournisseur.liste=Liste des fournisseurs +stock.page.fournisseur.ajouterfournisseur=Ajouter un fournisseur +stock.page.fournisseur.liste.message.non=Pas de fournisseur enregistr\u00e9 ! +stock.page.fournisseur.RaisonSocial= Raison Sociale +stock.page.fournisseur.adresse=Adresse +stock.page.fournisseur.pays=Pays +stock.page.fournisseur.commune=Commune +stock.page.fournisseur.wilaya=Wilaya +stock.page.fournisseur.Telephone=T\u00e9l\u00e9phone +stock.page.fournisseur.mobile=Mobile +stock.page.fournisseur.FAX=Fax +stock.page.fournisseur.RC=RC +stock.page.fournisseur.AI=AI +stock.page.fournisseur.NIF=NIF +stock.page.fournisseur.Solde=Solde +stock.page.fournisseur.nom=Nom +stock.page.fournisseur.modifierFournisseur=Modifier +stock.page.fournisseur.save=Enregistrer +stock.page.fournisseur.retour=Retour +stock.page.fournisseur.mail=Mail + + +distribution.page.edition=Edition +distribution.page.importexport=Import/Export + +distribution.page.prix=Prix +distribution.page.prix.liste=Liste des prix +distribution.page.prix.liste.message.non=Pas de produit enregistr\u00e9 ! +distribution.page.prix.ajouterprix=Ajouter un prix +distribution.page.prix.ajouterprix.message=Prix {0} ajout\u00e9 avec succ\u00e8s +distribution.page.prix.modifierprix=Modifier les prix +distribution.page.prix.consulterprix=Consulter un produit +distribution.page.prix.modifierprix.message=Prix {0} modifi\u00e9 avec succ\u00e8s + + +distribution.page.correspondance.liste=Liste des correspondances +distribution.page.produit.ajouterCorrespondance=Ajouter un produit du stock +distribution.page.correspondance=Correspondances + +stock.page.liste.document=Liste des documents + +stock.page.entree=les entr\u00e9es + +stock.page.achatVente=Achat Vente Interface + +stock.page.id=Id +stock.page.numero=N\u00b0 +stock.page.achat=Achat +stock.page.achat.ajouter=Ajouter un achat +stock.page.achat.copy=Copier achat +stock.page.achat.modifier=Modifier +stock.page.achat=Achat +stock.page.avoir.bon=Bon d'achat +stock.page.achat.list=Liste des achats +stock.page.achat.liste.message.non=Pas d'achats enregistr\u00e9 ! +stock.page.achat.liste.document.non=Pas de document enregistr\u00e9 ! +stock.page.achat.liste.document=Liste des documents +stock.page.achat.date=Date +stock.page.achat.heur=Heure +stock.page.achat.totalHT=Total HT +stock.page.achat.remise=Remise +stock.page.achat.TauxDeChange=Taux de change +stock.page.achat.total.dinar=Total dinar +stock.page.achat.total=Total +stock.page.achat.total.poid=Total poids +stock.page.achat.total.devise=Total devise +stock.page.achat.total.ttc=Total TTC +stock.page.achat.total.ttcServiceTaxe=Total TTC avec Taxe et Service +stock.page.achat.total.taxe=Total Taxe +stock.page.achat.total.service=Total Service +stock.page.achat.Timbre=Timbre +stock.page.achat.saisiePar=Saisi(e) par +stock.page.achat.tva=TVA +stock.page.achat.nbl.tvaGlobale=TVA Globale +stock.page.achat.nFacture=N\u00b0 Facture +stock.page.achat.nCommande=N\u00b0 Commande +stock.page.achat.nbl=N\u00b0 bon de livraison +stock.page.achat.nbl.avecfacture=BL avec facture +stock.page.achat.bl=Bon de livraison +stock.page.achat.facture=Facture +stock.page.achat.cammande=Commande +stock.page.achat.supprimer.tout=Supprimer tous les produits +stock.page.achat.typesaisie=Type de saisie +stock.page.achat.document=Document +stock.page.achat.document.list=Liste des documents +stock.page.achat.document.ajouter=Ajouter un document +stock.page.achat.document.telecharger=T\u00e9l\u00e9charger +stock.page.achat.document.supprimer=Supprimer +stock.page.achat.calculer.pmp=Calculer le PMP +stock.page.achat.remiseProduit=Afficher remise produit +stock.page.achat.nbrpalette=Nbr palettes d\u00e9pos\u00e9es +stock.page.achat.nbrcaisse=Nbr caisses d\u00e9pos\u00e9es +stock.page.achat.nbrbouteille=Nbr bouteilles d\u00e9pos\u00e9es +stock.page.achat.nbrpalette.retourner=Nbr palettes retourn\u00e9es +stock.page.achat.nbrcaisse.retourner=Nbr caisses retourn\u00e9es +stock.page.achat.nbrbouteille.retourner=Nbr bouteilles retourn\u00e9es + +stock.page.achat.detailProduit.quantite.facturer=Quantit\u00e9 factur\u00e9e +stock.page.achat.detailProduit.quantite.globale=Quantit\u00e9 globale +stock.page.achat.detailProduit.poid.globale=Poids globale +stock.page.achat.detailProduit.total.globale=Total globale +stock.page.achat.detailProduit.total.facturer=Total factur\u00e9 + + +stock.page.inventaire.ajouter=Ajouter un inventaire +stock.page.inventaire.modifier=Modifier +stock.page.inventaire=Inventaire +stock.page.inventaire.list=Liste des inventaires +stock.page.inventaire.liste.message.non=Pas d'inventaires enregistr\u00e9 ! +stock.page.inventaire.date=Date +stock.page.inventaire.heur=Heure +stock.page.inventaire.total=Total +stock.page.inventaire.ecart=Ecart +stock.page.inventaire.ecart.piese=Ecart en piece +stock.page.inventaire.saisiePar=Saisi(e) par +stock.page.inventaire.tva=TVA +stock.page.inventaire.nFacture=N\u00b0 Facture +stock.page.inventaire.nCommande=N\u00b0 Commande +stock.page.inventaire.nbl=N\u00b0 bon de livraison +stock.page.inventaire.nbl.avecfacture=BL avec facture +stock.page.inventaire.bl=Bon de livraison +stock.page.inventaire.facture=Facture +stock.page.inventaire.cammande=Commande +stock.page.inventaire.supprimer.tout=Supprimer tous les produits +stock.page.inventaire.typesaisie=Type de saisie +stock.page.inventaire.document=Document +stock.page.inventaire.document.list=Liste des documents +stock.page.inventaire.document.ajouter=Ajouter un document +stock.page.inventaire.document.telecharger=T\u00e9l\u00e9charger +stock.page.inventaire.document.supprimer=Supprimer +stock.page.inventaire.bon=Bon d'inventaire + +stock.page.inventaire.save.msg=Les produits non s\u00e9lectionn\u00e9s ne vont pas \u00eatre remis \u00e0 z\u00e9ro ! voulez-vous continuer ? +stock.page.inventaire.save.efface.msg=Remise \u00e0 zero des produits non s\u00e9lectionn\u00e9s +stock.page.id=Id +stock.page.numero=N\u00b0 +stock.page.avoirFournisseur=Gratuit\u00e9 fournisseur +stock.page.avoir.ajouter=Ajouter une gratuit\u00e9 +stock.page.avoir.modifier=Modifier +stock.page.avoir=Gratuit\u00e9 fournisseur +stock.page.avoir.bon=Bon de gratuit\u00e9 +stock.page.avoir.liste=Liste des gratuit\u00e9s fournisseurs +stock.page.avoir.liste.message.non=Pas de gratuit\u00e9 enregistr\u00e9 ! +stock.page.avoir.liste.document.non=Pas de document enregistr\u00e9 ! +stock.page.avoir.date=Date +stock.page.avoir.heur=Heure +stock.page.avoir.totalHT=Total HT +stock.page.avoir.remise=Remise +stock.page.avoir.total=Total +stock.page.avoir.total.ttc=Total TTC +stock.page.avoir.Timbre=Timbre +stock.page.avoir.saisiePar=Saisi(e) par +stock.page.avoir.tva=TVA +stock.page.avoir.nFacture=N\u00b0 Facture +stock.page.avoir.nCommande=N\u00b0 Commande +stock.page.avoir.nbl=N\u00b0 bon de livraison +stock.page.avoir.nbl.avecfacture=BL avec facture +stock.page.avoir.bl=Bon de livraison +stock.page.avoir.facture=Facture +stock.page.avoir.cammande=Commande +stock.page.avoir.supprimer.tout=Supprimer tous les produits +stock.page.avoir.typesaisie=Type de saisie +stock.page.avoir.document=Document +stock.page.avoir.document.list=Liste des documents +stock.page.avoir.document.ajouter=Ajouter un document +stock.page.avoir.document.telecharger=T\u00e9l\u00e9charger +stock.page.avoir.document.supprimer=Supprimer + +stock.page.vente=Vente +stock.page.vente.factureRoute=Facture De Route +stock.page.vente.typeClientFacture=Type Client A Facture + +stock.page.vente.profilefacture=profile Facture +stock.page.vente.client.ajouter=Ajouter une vente client +stock.page.vente.copy=Copier vente +stock.page.vente.camion.ajouter=Ajouter un chargement commercial +stock.page.vente.etablissement.ajouter=Ajouter un transfert depot +stock.page.vente.ajouter=Ajouter une vente +stock.page.vente.modifier=Modifier +stock.page.vente.list=Liste des ventes +stock.page.vente.nonvalider=Liste des ventes non valid\u00e9s +stock.page.vente.liste.message.non=Pas de ventes enregistr\u00e9 ! +stock.page.versement.liste.message.non=Pas de versement enregistr\u00e9 ! +stock.page.vente.date=Date +stock.page.vente.heur=Heure +stock.page.vente.totalHT=Total HT +stock.page.vente.remise=Remise +stock.page.vente.remise.produit=Remise produit +stock.page.vente.total=Total +stock.page.vente.total.achat=Total Achat +stock.page.vente.total.benefice=Total b\u00e9n\u00e9fice +stock.page.vente.total.benefice.taux=Taux b\u00e9n\u00e9fice % +stock.page.vente.total.ttc=Total TTC +stock.page.vente.total.emabalage=Total emballage +stock.page.vente.total.poid=Total Poids +stock.page.vente.Timbre=Timbre +stock.page.vente.saisiePar=Saisi(e) par +stock.page.vente.tva=TVA +stock.page.vente.nFacture=N\u00b0 Facture +stock.page.vente.nCommande=N\u00b0 Commande +stock.page.vente.nbl=N\u00b0 bon de livraison +stock.page.vente.nbl.avecfacture=Avec facture +stock.page.vente.remisebl=Remise BL +stock.page.vente.remiseProduit=Remise produit +stock.page.vente.bl=Bon de livraison +stock.page.vente.facture=Facture +stock.page.vente.facture.generer=Generer facture +stock.page.vente.cammande=Commande +stock.page.vente.supprimer.tout=Supprimer tous les produits +stock.page.vente.typesaisie=Type de saisie +stock.page.vente.typesaisie.quantite=Type de saisie quantit\u00e9 +stock.page.vente.produit.grouper=Grouper les produits +stock.page.vente.useLot=Afficher les lot +stock.page.vente.prixchoix=Prix calculer +stock.page.vente.document=Document +stock.page.vente.document.list=Liste des documents +stock.page.vente.document.ajouter=Ajouter un document +stock.page.vente.document.telecharger=T\u00e9l\u00e9charger +stock.page.vente.document.supprimer=Supprimer +stock.page.vente.destinataire=Type destinataire +stock.page.vente.typereglement=Type de r\u00e8glement +stock.page.vente.modereglement=Mode de r\u00e8glement +stock.page.vente.valider=Vente valid\u00e9 +stock.page.vente.valider.par=Valider par +stock.page.vente.facture.generer=G\u00e9n\u00e9rer Facture +stock.page.vente.appliquertva=Appliquer TVA +stock.page.vente.versement=Versement +stock.page.vente.versement.ajouter=Ajouter versement +stock.page.vente.typechargement=Type chargement +stock.page.vente.recalculerBenifice=Recalculer b\u00e9n\u00e9fice +stock.page.vente.recalculerPrix=Recalculer Prix +stock.page.vente.prixClient=Dernier Prix +stock.page.vente.appliquertimbre=Appliquer Timbre +stock.page.vente.versement.type=Type versement +stock.page.vente.date.fin=Date Fin +stock.page.vente.heur.fin=Heure Fin +stock.page.vente.date.enregistrement=Date Enregistrement +stock.page.vente.heur.enregistrement=Heure Enregistrement + + + + +stock.page.retourProduit=Retour produit +stock.page.retourProduit.client=Retour client +stock.page.retourProduit.camion=Retour commercial +stock.page.retourProduit.client.ajouter=Ajouter un retour client +stock.page.retourProduit.camion.ajouter=Ajouter un retour commercial +stock.page.retourProduit.ajouter=Ajouter un retour +stock.page.retourProduit.modifier=Modifier +stock.page.retourProduit.bon=Bon de retour +stock.page.retourProduit.camion.list=Liste des retours commerciaux +stock.page.retourProduit.client.list=Liste des retours clients +stock.page.retourProduit.list=Liste des retour Produits +stock.page.retourProduit.nonvalider=Retours non valid\u00e9s +stock.page.retourProduit.liste.message.non=Pas de retourProduits enregistr\u00e9 ! +stock.page.retourProduit.date=Date +stock.page.retourProduit.heur=Heure +stock.page.retourProduit.totalHT=Total HT +stock.page.retourProduit.remise=Remise +stock.page.retourProduit.remise.produit=Remise produit +stock.page.retourProduit.total.emballage=Total emballage +stock.page.retourProduit.total=Total +stock.page.retourProduit.total.ttc=Total TTC +stock.page.retourProduit.total.achat=Valeur d'achat +stock.page.retourProduit.Timbre=Timbre +stock.page.retourProduit.saisiePar=Saisi(e) par +stock.page.retourProduit.tva=TVA +stock.page.retourProduit.nFacture=N\u00b0 Facture +stock.page.retourProduit.nCommande=N\u00b0 Commande +stock.page.retourProduit.nbl=N\u00b0 bon de livraison +stock.page.retourProduit.nbl.avecfacture=Avec facture +stock.page.retourProduit.bl=Bon de livraison +stock.page.retourProduit.facture=Facture +stock.page.retourProduit.cammande=Commande +stock.page.retourProduit.supprimer.tout=Supprimer tous les produits +stock.page.retourProduit.typesaisie=Type de saisie +stock.page.retourProduit.document=Document +stock.page.retourProduit.document.list=Liste des documents +stock.page.retourProduit.document.ajouter=Ajouter un document +stock.page.retourProduit.document.telecharger=T\u00e9l\u00e9charger +stock.page.retourProduit.document.supprimer=Supprimer +stock.page.retourProduit.destinataire=Type retour +stock.page.retourProduit.typereglement=Type de r\u00e8glement +stock.page.retourProduit.valider=Retour valid\u00e9 +stock.page.retourProduit.valider.par=Valider par +stock.page.retourProduit.etat=Etat +stock.page.retourProduit.etat.produit=Etat produit +stock.page.retourProduit.observation=Observation +stock.page.retourProduit.updatesold=Modifier solde client +stock.page.retourProduit.total.perte=Total perte + + +stock.page.edition=Edition +stock.page.edition.prepareToPrint=Imprimer ticket +stock.page.edition.bon=Imprimer bon +stock.page.edition.commande=Facture proforma +stock.page.edition.commande.image=Facture proforma avec image +stock.page.edition.devis=Devis +stock.page.edition.devis.sansEntete=Devis sans entete +stock.page.edition.devis.a5sansEntete=Devis A5 sans entete +stock.page.edition.devisSansPrix=Imprimer commande +stock.page.edition.approvisionnement=Bon de commande +stock.page.edition.approvisionnement.sansPrix=Bon de commande +stock.page.edition.vente.produit=Bon de sortie +stock.page.edition.vente.produit.colisage=Bon de sortie colisage +stock.page.edition.vente.ficheChargement=Fiche chargement +stock.page.edition.vente.genererficheChargement=G\u00e9n\u00e9rer fiche chargement +stock.page.edition.vente.ficheChargementCamion=Fiche chargement camion +stock.page.edition.vente.produit.sansEntet=Bon de sortie sans ent\u00eate +stock.page.edition.vente=Bon de livraison +stock.page.edition.vente.remiseProduit=Bon de livraison avec remise produit +stock.page.edition.vente.rc=Bon de livraison Avec RC +stock.page.edition.vente.sansEntet=Bon de livraison sans ent\u00eate +stock.page.edition.vente.a5.sansEntet=Bon de livraison A5 sans ent\u00eate +stock.page.edition.sortie=Bon de sortie +stock.page.edition.livraison=Bon de livraison +stock.page.edition.livraison.bonRetour=Etablir un bon de retour +stock.page.edition.ticket.commande=Ticket proforma +stock.page.edition.ticket.vente.produit=Ticket de sortie +stock.page.edition.ticket.vente=Ticket de vente +stock.page.edition.ticket.livraison=Ticket livraison +stock.page.edition.etatDesVente=Etat des ventes +stock.page.edition.vente.copier=Copier le bon +stock.page.vente.statut=Statut vente +stock.page.vente.statut.modifier=Modifier statut vente + +stock.page.edition.stock.etat=Etat stock + +stock.page.commande.rotation.ajouter=Ajouter rotation +stock.page.commande.consultercommande=Consulter commande +stock.page.commande.prevoircommande=Pr\u00e9voir commande +stock.page.commande.client=Commande client +stock.page.commande.client.ajouter=Ajouter commande client +stock.page.commande.commercial=Commande commercial +stock.page.commande.commercial.ajouter=Ajouter commande commercial +stock.page.commande.commercial.generer=Generer commande commercial +stock.page.commande.transfert=Commande \u00e9tablissement +stock.page.commande.transfert.ajouter=Ajouter commande \u00e9tablissement +stock.page.commande=Commande +stock.page.commande.ajouter=Ajouter une commande +stock.page.commande.copy=Copier commande +stock.page.commande.annuler=Annuler commande +stock.page.commande.modifier=Modifier +stock.page.commande.fusionner=Attacher une autre commande +stock.page.commande.list=Liste des commandes +stock.page.commande.list.proforma=Liste des commandes proforma +stock.page.commande.chargement.list=Liste des commandes chargement +stock.page.commande.non.affecter=Commande non affect\u00e9e +stock.page.commande.non.affecter=Commandes non valider +stock.page.commande.non.traiter=Commandes client non traiter +stock.page.commande.annuler=Commandes client annuler +stock.page.commande.liste.message.non=Pas de commandes enregistr\u00e9 ! +stock.page.commande.date=Date +stock.page.commande.heur=Heure +stock.page.commande.totalHT=Total HT +stock.page.commande.remise=Remise +stock.page.commande.total=Total +stock.page.commande.total.ttc=Total TTC +stock.page.commande.Timbre=Timbre +stock.page.commande.saisiePar=Saisi(e) par +stock.page.commande.tva=TVA +stock.page.commande.nFacture=N\u00b0 Facture +stock.page.commande.boncommande.avec=Avec bon de Commande +stock.page.commande.boncommande.observation=Observation +stock.page.commande.boncommande=Bon de Commande +stock.page.commande.boncommande.num=N\u00b0 +stock.page.commande.boncommande.date=Date +stock.page.commande.nbl=N\u00b0 bon de livraison +stock.page.commande.nbl.avecfacture=Avec facture +stock.page.commande.bl=Bon de livraison +stock.page.commande.facture=Facture +stock.page.commande.cammande=Commande +stock.page.commande.supprimer.tout=Supprimer tous les produits +stock.page.commande.typesaisie=Type de saisie +stock.page.commande.dateprevu=Date pr\u00e9vu livraison +stock.page.commande.heurprevu=Heure pr\u00e9vu livraison +stock.page.commande.document=Document +stock.page.commande.document.list=Liste des documents +stock.page.commande.document.ajouter=Ajouter un document +stock.page.commande.document.telecharger=T\u00e9l\u00e9charger +stock.page.commande.document.supprimer=Supprimer +stock.page.commande.destinataire=Type destinataire +stock.page.commande.typereglement=Type de r\u00e8glement +stock.page.commande.modereglement=Mode de r\u00e8glement +stock.page.commande.remise.produit=Remise produit +stock.page.commande.typecommande=Type de commande +stock.page.commande.affecter=Affecter Livraison +stock.page.commande.validation=Validation des commandes +stock.page.commande.annulation=Annulation des commandes +stock.page.commande.annulation.txt=Vous \u00e9tes sur le point d'annuler les commandes s\u00e9lectionn\u00e9es, voulez vous continu\u00e9 ? +stock.page.commande.alert=Alerte +stock.page.commande.quantitenonstock.msg=Si la quantit\u00e9 command\u00e9e est superieur \u00e0 la quantit\u00e9 en stock, voulez vous transferer le reste des produit non disponible sur une autre commande ? +stock.page.commande.transfert=Tranferer produit +stock.page.commande.statut=Statut de commande +stock.page.commande.valider=Valider la commande +stock.page.commande.valider.annuler=Annuler la validation +stock.page.commande.valider.liste=Valider les commandes +stock.page.commande.valider.annuler.liste=Annuler la validation les commandes +stock.page.commande.statut.modifier=Modifier statut commande + +stock.page.commande.traitement=Traitement de la commande +stock.page.commande.generer.chargement=G\u00e9n\u00e9rer Chargement +stock.page.commande.generer.transfert=G\u00e9n\u00e9rer transfert +stock.page.commande.generer.vente=G\u00e9n\u00e9rer vente +stock.page.commande.generer.venteComptoire=G\u00e9n\u00e9rer vente comptoire +stock.page.commande.generer.livraison=G\u00e9n\u00e9rer livraison + +stock.page.livraison=Livraison +stock.page.livraison.annuler=Annuler livraison +stock.page.livraison.reprogrammer=Reprogrammer livraison +stock.page.livraison.ajouter=Ajouter une livraison +stock.page.livraison.modifier=Modifier +stock.page.livraison.list=Liste des livraisons +stock.page.livraison.list.stock=Liste des livraisons stock +stock.page.livraison.list.distribution=Liste des livraisons distribution +stock.page.livraison.nonlivrer=Liste des livraisons non affecte\u00e9s +stock.page.livraison.nonlivrer.rotation=Liste des livraisons non affecte\u00e9s par rotation +stock.page.livraison.livrer=Liste des livraisons affecte\u00e9s +stock.page.livraison.liste.message.non=Pas de livraisons enregistr\u00e9 ! +stock.page.livraison.date=Date +stock.page.livraison.heur=Heure +stock.page.livraison.totalHT=Total HT +stock.page.livraison.remise=Remise +stock.page.livraison.total=Total +stock.page.livraison.total.achat=Total Achat +stock.page.livraison.total.benefice=Total b\u00e9n\u00e9fice +stock.page.livraison.total.ttc=Total TTC +stock.page.livraison.Timbre=Timbre +stock.page.livraison.saisiePar=Saisi(e) par +stock.page.livraison.tva=TVA +stock.page.livraison.nFacture=N\u00b0 Facture +stock.page.livraison.nCommande=N\u00b0 Commande +stock.page.livraison.nbl=N\u00b0 bon de livraison +stock.page.livraison.nbl.avecfacture=BL avec facture +stock.page.livraison.bl=Bon de livraison +stock.page.livraison.facture=Facture +stock.page.livraison.cammande=Commande +stock.page.livraison.supprimer.tout=Supprimer tous les produits +stock.page.livraison.typesaisie=Type de saisie +stock.page.livraison.document=Document +stock.page.livraison.document.list=Liste des documents +stock.page.livraison.document.ajouter=Ajouter un document +stock.page.livraison.document.telecharger=T\u00e9l\u00e9charger +stock.page.livraison.document.supprimer=Supprimer +stock.page.livraison.destinataire=Type destinataire +stock.page.livraison.typereglement=Type de r\u00e8glement +stock.page.livraison.modereglement=Mode de r\u00e8glement +stock.page.livraison.valider=Livraison valid\u00e9e +stock.page.livraison.valider.par=Valider par +stock.page.livraison.remise.produit=Remise produit +stock.page.livraison.livrais=Livrer +stock.page.livraison.livrais.par=Livrer par +stock.page.livraison.date.livraison=Date programmer +stock.page.livraison.annuler=Annuler livraison +stock.page.livraison.annuler.par=Annuler par +stock.page.livraison.raisonnonlivraison=Raison non livraison +stock.page.livraison.statutlivraison=Statut de livraison +stock.page.livraison.statutlivraison.changer=Changer statut de livraison +stock.page.livraison.charger.commande=Charger la commande +stock.page.livraison.quantitenonstock.msg=La quantit\u00e9 demander est superieur a la quantit\u00e9 en stock, voulez vous charger la quantit\u00e9 disponible ? +stock.page.livraison.charger=Charger +stock.page.livraison.detailProduit=D\u00e9tail produit +stock.page.livraison.valider=Valider livraison + +stock.page.annuler=Annuler + + +stock.page.facture=Facture +stock.page.facture.ajouter=Ajouter une facture +stock.page.facture.modifier=Modifier +stock.page.facture.list=Liste des factures +stock.page.facture.liste.message.non=Pas de factures enregistr\u00e9 ! +stock.page.facture.date=Date +stock.page.facture.heur=Heure +stock.page.facture.totalHT=Total HT +stock.page.facture.remise=Remise +stock.page.facture.total=Total +stock.page.facture.total.ttc=Total TTC +stock.page.facture.Timbre=Timbre +stock.page.facture.saisiePar=Saisi(e) par +stock.page.facture.tva=TVA +stock.page.facture.nFacture=N\u00b0 Facture +stock.page.facture.nCommande=N\u00b0 Commande +stock.page.facture.nbl=N\u00b0 bon de livraison +stock.page.facture.nbl.avecfacture=BL avec facture +stock.page.facture.bl=Bon de livraison +stock.page.facture.facture=Facture +stock.page.facture.cammande=Commande +stock.page.facture.supprimer.tout=Supprimer tous les produits +stock.page.facture.typesaisie=Type de saisie +stock.page.facture.document=Document +stock.page.facture.document.list=Liste des documents +stock.page.facture.document.ajouter=Ajouter un document +stock.page.facture.document.telecharger=T\u00e9l\u00e9charger +stock.page.facture.document.supprimer=Supprimer +stock.page.facture.destinataire=Type destinataire +stock.page.facture.typereglement=Type de r\u00e8glement +stock.page.facture.remise.produit=Remise produit +stock.page.facture.appliquertva=Appliquer TVA Produit (Calculer prix HT) +stock.page.facture.appliquertvaglobale=Appliquer TVA globale + + + +distribution.page.lot=Lot +distribution.page.lot.creer=Cr\u00e9er un nouveau lot +distribution.page.lot.list=Liste des Lots + +stock.page.modifier.ligne=Modifier la ligne +stock.page.supprimer.ligne=Supprimer la ligne +stock.page.supprimer.ligne.tout=Supprimer toutes les lignes +stock.page.prix=Prix +stock.page.prix.sansRemise=Prix d'origine +stock.page.prix=Prix +stock.page.prix.remise=Prix remis\u00e9 +stock.page.prix.devise=Prix devise +stock.page.prix.ht=Prix HT +stock.page.quantite.old=Ancienne Qt\u00e9 +stock.page.quantite.stock.retour=Qt\u00e9 Stock retourn\u00e9e +stock.page.quantite.stock=Qt\u00e9 Stock +stock.page.quantite.facture=Qt\u00e9 Fact. +stock.page.quantite.stock.magasin=Qt\u00e9 Stock Magasin +stock.page.quantite.reserver=Qt\u00e9 R\u00e9serv\u00e9e +stock.page.quantite.camion=Qt\u00e9 commercial +stock.page.quantite=Qt\u00e9 +stock.page.quantite.col=Qt\u00e9 colisage +stock.page.quantite.palette=Palette +stock.page.quantite.carton=Carton +stock.page.quantite.piece=Pi\u00e8ce +distribution.page.quantite.piece=Qt\u00e9 en pi\u00e8ce +distribution.page.quantite.pieceold=Ancienne Qt\u00e9 en pi\u00e8ce + + +stock.page.entree.liste=Liste des entr\u00e9es +stock.page.entree.ajouter=Ajouter +stock.page.entree.taxeService=Taux/Service +distribution.page.lot.liste.message.non=Pas de lot enregistr\u00e9 ! +distribution.page.lot.num=Num\u00e9ro (Lot/Serie) +distribution.page.lot.annee=Ann\u00e9e +distribution.page.lot.quantite=Quantit\u00e9 +distribution.page.lot.datef=Date production +distribution.page.lot.dateE=Date fin de vie +distribution.page.lot.dateD=Date d\u00e9but de vie + +distribution.page.stock.modifier=Modifier le stock +distribution.page.stock.retour=Retour +distribution.page.stock.enregistrer=Enregistrer +distribution.page.stock.enregistrer.versFoundClient=Enregistrer vers la liste des clients trouv\u00e9s + + + +stock.page.sortie=Sortie +stock.page.sortie.ajouter=Ajouter une sortie +stock.page.sortie.modifier=Modifier +stock.page.sortie.list=Liste des sorties +stock.page.sortie.detailProduit=D\u00e9tail produit +stock.page.sortie.nonvalider=Sorties non valid\u00e9es +stock.page.sortie.liste.message.non=Pas de sorties enregistr\u00e9 ! +stock.page.sortie.date=Date +stock.page.sortie.heur=Heure +stock.page.sortie.totalHT=Total HT +stock.page.sortie.remise=Remise +stock.page.sortie.remise.produit=Remise produit +stock.page.sortie.total=Total +stock.page.sortie.total.ttc=Total TTC +stock.page.sortie.Timbre=Timbre +stock.page.sortie.saisiePar=Saisi(e) par +stock.page.sortie.tva=TVA +stock.page.sortie.nFacture=N\u00b0 Facture +stock.page.sortie.nCommande=N\u00b0 Commande +stock.page.sortie.nbl=N\u00b0 bon de livraison +stock.page.sortie.nbl.avecfacture=Avec facture +stock.page.sortie.bl=Bon de livraison +stock.page.sortie.facture=Facture +stock.page.sortie.cammande=Commande +stock.page.sortie.supprimer.tout=Supprimer tous les produits +stock.page.sortie.typesaisie=Type de saisie +stock.page.sortie.document=Document +stock.page.sortie.document.list=Liste des documents +stock.page.sortie.document.ajouter=Ajouter un document +stock.page.sortie.document.telecharger=T\u00e9l\u00e9charger +stock.page.sortie.document.supprimer=Supprimer +stock.page.sortie.destinataire=Type destinataire +stock.page.sortie.typereglement=Type de r\u00e8glement +stock.page.sortie.valider=Sortie valid\u00e9e +stock.page.sortie.valider.par=Valider par +stock.page.sortie.discription=Description +stock.page.sortie.motif=Motif de sortie +stock.page.sortie.updatesold=Modifier solde fournisseur + +distribution.page.sortie=Les sorties +distribution.page.sortie.magasin=Sortie magasin +distribution.page.sortie.avarie=Sortie avarie + +distribution.page.typeSortieAvarie=Type de sortie Avarie +distribution.page.typeSortieAvarie.liste=Liste des types de sortie avarie +distribution.page.typeSortieAvarie.ajoutermotif=ajouter un type de sortie +distribution.page.typeSortieAvarie.liste.message.non=Pas de type de sortie enregistr\u00e9 ! +distribution.page.typeSortieAvarie.id=Identifiant +distribution.page.typeSortieAvarie.type=Type +distribution.page.typeSortieAvarie.observation=Observation +distribution.page.typeSortieAvarie.consultermotif=Consulter un type de sortie +distribution.page.typeSortieAvarie.detail=D\u00e9tail de la sortie + +distribution.page.SortieAvarie.supprimer.tout=Supprimer tous les produits +distribution.page.SortieAvarie.document.ajouter=Ajouter un document +distribution.page.SortieAvarie.document=Document +distribution.page.SortieAvarie.telecharger=T\u00e9l\u00e9charger +distribution.page.SortieAvarie.supprimer=Supprimer +distribution.page.SortieAvarie=Sortie avarie +distribution.page.SortieAvarie.typesaisie=Type de saisie +distribution.page.SortieAvarie.actualiser=Actualiser +distribution.page.SortieAvarie.liste=Liste des sorties avarie +distribution.page.SortieAvarie.detail=D\u00e9tail de la sortie +distribution.page.SortieAvarie.liste.message.non=Pas de sortie avarie enregistr\u00e9e ! +distribution.page.SortieAvarie.ajouter=Ajouter +distribution.page.SortieAvarie.retour=Retour +distribution.page.SortieAvarie.modifier=Modifier +distribution.page.SortieAvarie.consulter=Consulter +distribution.page.SortieAvarie.id=Identifiant +distribution.page.SortieAvarie.description=Description +distribution.page.SortieAvarie.fournisseur=Fournisseur +distribution.page.SortieAvarie.date=Date +distribution.page.SortieAvarie.heur=Heure +distribution.page.SortieAvarie.saisiePar=Saisi(e) par +distribution.page.SortieAvarie.ajouterLigne=Ajouter ligne +distribution.page.SortieAvarie.typeSortie=Type de Sortie +distribution.page.SortieAvarie.total=Total +distribution.page.SortieAvarie.fournisseur=Fournisseur +distribution.page.SortieAvarie.quantite=Quantit\u00e9 +distribution.page.SortieAvarie.prix=Prix +distribution.page.SortieAvarie.updatesoldfournisseur=Modifier solde fournisseur + +distribution.page.StockAvarie=stock avarie +distribution.page.StockAvarie.etat=Etat du stock avarie +distribution.page.StockAvarie.date=Date entr\u00e9e avarie +distribution.page.StockAvarie.quantite=Quantit\u00e9 +distribution.page.StockAvarie.ajouter.produit=Ajouter un produit +distribution.page.StockAvarie.modifier.produit=Modifier le stock avarie +distribution.page.StockAvarie.ajouter.produit.list=Ajouter la liste des produits +distribution.page.StockAvarie.ajouter.lot.list=Ajouter \u00e0 la liste des lots avarie +distribution.page.StockAvarie.modifier.lot=Modifier les informations des lots +distribution.page.StockAvarie.ajouter.lot=Ajouter un lot +distribution.page.StockAvarie.supprimer.produit=Supprimer les produits +stock.page.StockAvarie.mouvement=Mouvement stock avarie + + +distribution.page.caisse.mes=Mes Caisses +distribution.page.tresorerie=Tr\u00e9sorerie +distribution.page.versement.valide=Versement \u00e0 valider +distribution.page.versement.avalide=Valider le Versement +distribution.page.versement.annuler=Annuler le Versement +distribution.page.versement.fermer=Fermer +distribution.page.versement.annuler.msg=Voulez vous annuler le versement ? +distribution.page.caisse.mes.all=Toutes mes Caisses +distribution.page.caisse.all=Toutes les Caisses +distribution.page.depense.mes=Mes sorties caisse +distribution.page.versement.mes=Mes entre\u00e9s caisse +distribution.page.transfert.mes=Mes trasferts + +distribution.page.article=Article +distribution.page.caisse=Caisse +distribution.page.caisse.ajouter.modifier=Ajouter / modifier les caisses + +distribution.page.caisse.transaction.info=D\u00e9tail de la transaction +distribution.page.caisse.ajouter=Ajouter caisse +distribution.page.caisse.changer=Changer de caisse +distribution.page.caisse.info=Information sur la caisse +distribution.page.caisse.list=Liste des Caisses +distribution.page.caisse.detail=Journal des Caisses +distribution.page.caisse.nom=Nom Caisse +distribution.page.caisse.id=Identifiant +distribution.page.caisse.responsable=Responsable +distribution.page.caisse.consulter=Consuler les informations de la caisse +distribution.page.caisse.depense=Sortie caisse +distribution.page.caisse.sold=Solde +distribution.page.caisse.actif=Actif + +distribution.page.caisse.sold.jour.debut=Solde d\u00e9but du jour +distribution.page.caisse.sold.jour.fin=Solde fin du jour +distribution.page.caisse.sold.ecart=Ecart solde + +distribution.page.caisse.sold.jour=Solde du jour +distribution.page.caisse.sold.actuel=Solde actuel +distribution.page.caisse.sold.ajouter=Ajouter un nouveau solde +distribution.page.caisse.sold.modifier=Modifier ancien solde +distribution.page.caisse.sold.old=Ancien solde +distribution.page.caisse.sold.new=Nouveau solde +distribution.page.caisse.sold.billet.old=Ancien solde Billet +distribution.page.caisse.sold.billet.new=Nouveau solde Billet +distribution.page.caisse.sold.piece.old=Ancien solde pi\u00e8ce +distribution.page.caisse.sold.piece.new=Nouveau solde pi\u00e8ce +distribution.page.caisse.totalVersement=Total entr\u00e9e caisse +distribution.page.caisse.totalDepense=Total d\u00e9pense +distribution.page.caisse.total=Total +distribution.page.caisse.credit=Entr\u00e9e +distribution.page.caisse.destinataireExpediteur=destinataire/exp\u00e9diteur +distribution.page.caisse.liste.message.non=Pas de sorties caisse enregistr\u00e9e ! +distribution.page.caisse.typecaisse=Type caisse +distribution.page.caisse.numero.compte=N\u00b0 Compte +distribution.page.caisse.nom.banque=Nom Banque +distribution.page.caisse.adresse=Adresse Banque + +distribution.page.type.all=Tous les types + +distribution.page.versement=Entr\u00e9e caisse +distribution.page.versement.modifier=Modifier +distribution.page.versement.list=Liste des entr\u00e9es caisses +distribution.page.versement.camion.list=Liste des entr\u00e9es commerciaux +distribution.page.versement.info=D\u00e9tail sur les entr\u00e9es caisse +distribution.page.versement.date=Date +distribution.page.versement.heur=Heure +distribution.page.versement.id=Identifiant +distribution.page.versement.numero=N\u00b0 +distribution.page.versement.montant=Montant +distribution.page.versement.montant.averser=Montant \u00e0 verser +distribution.page.versement.total=Total +distribution.page.versement.consulter=Consulter +distribution.page.versement.nomClient=nom +distribution.page.versement.typeClient=Type Emetteur/Destinataire +distribution.page.versement.emetteurDestinataire=Nom Emetteur/Destinataire +distribution.page.versement.typeExpediteur=Type exp\u00e9diteur +distribution.page.versement.Expediteur=Nom exp\u00e9diteur +distribution.page.versement.typeReglement=Type de r\u00e8glement +distribution.page.versement.saisiePar=Saisi(e) Par +distribution.page.versement.observation=Observation +distribution.page.versement.objet=Objet +distribution.page.versement.list.consulet=Consulter la liste des versements +distribution.page.versement.consulter=Consulter les versements de la caisse +distribution.page.versement.codeCamion=Commercial +distribution.page.versement.fournisseur=Fournisseur +distribution.page.versement.nomClient=Nom client +distribution.page.versement.nomCaisse=Nom caisse +distribution.page.versement.autre=Autre versement +distribution.page.versement.ajouter=Ajouter une entr\u00e9e caisse +distribution.page.versement.liste.message.non=Pas d'entr\u00e9e caisse enregistr\u00e9e ! +distribution.page.versement.nomBanque=Nom banque +c +distribution.page.versement.saissirBL=Inserer ID +stock.page.recherche.avance=Recherche Avanc\u00e9e +distribution.page.versement.camion.save=Enregistrer comme versement camion +distribution.page.versement.nomVersement=Nom versement +distribution.page.versement.dateVersement=Date versement +distribution.page.versement.numVersement=Num\u00e9ro du versement +distribution.page.versement.caisse=Caisse Expiditeur + +distribution.page.versement.ligne.add=Ajouter une ligne +distribution.page.versement.vente.add=Ajouter des ventes + +stock.page.versement.document=Document +stock.page.versement.document.list=Liste des documents +stock.page.versement.document.ajouter=Ajouter un document +stock.page.versement.document.telecharger=T\u00e9l\u00e9charger +stock.page.versement.document.supprimer=Supprimer + + +distribution.page.typeDestinataire.all=Tous les types de destinataire +distribution.page.typeDepense.all=Tous les types de sortie caisse + +distribution.page.deponseCaisse.saisiePar=Saisi(e) par +distribution.page.deponseCaisse.list=Liste des sorties caisse +distribution.page.deponseCaisse.detailTypeDepense=Liste des d\u00e9tails sorties caisse +distribution.page.deponseCaisse=Sortie caisse +distribution.page.deponseCaisse.codeCamion=Commercial +distribution.page.deponseCaisse.modifier=Modifier +distribution.page.deponseCaisse.typeTransaction=Type transaction +distribution.page.deponseCaisse.typeClient=Type Emetteur/Destinataire +distribution.page.deponseCaisse.nomClient=Nom client +distribution.page.deponseCaisse.typeDestinataire=Type Destinataire +distribution.page.deponseCaisse.nomDestinataire=Nom Destinataire +distribution.page.deponseCaisse.nomFournisseur=Nom fournisseur +distribution.page.deponseCaisse.destinataireExpiditeur=Exp\u00e9diteur Destinataire +distribution.page.deponseCaisse.nom=Nom +distribution.page.deponseCaisse.nomCaisse=Nom caisse +distribution.page.deponseCaisse.info=D\u00e9tail sur la sortie caisse +distribution.page.deponseCaisse.detail=D\u00e9tail sortie caisse +distribution.page.deponseCaisse.id=Identifiant +distribution.page.deponseCaisse.numero=N\u00b0 +distribution.page.deponseCaisse.date=Date +distribution.page.deponseCaisse.heur=Heure +distribution.page.deponseCaisse.ajouter=Ajouter sortie caisse +distribution.page.deponseCaisse.montant=Montant +distribution.page.deponseCaisse.list.consulet=Consulter la liste des sorties caisse +distribution.page.deponseCaisse.nomBanque=Nom banque +distribution.page.deponseCaisse.detailReglement=D\u00e9tail sur le r\u00e8glement +distribution.page.deponseCaisse.numCheque=Num\u00e9ro du ch\u00e8que +distribution.page.deponseCaisse.numVirement=Num\u00e9ro du virement +distribution.page.deponseCaisse.dateVirement=Date virement +distribution.page.deponseCaisse.dateCheque=Date cheque +distribution.page.deponseCaisse.objet=Objet +distribution.page.deponseCaisse.typeDepense=Type sortie caisse +distribution.page.deponseCaisse.observation=Observation +distribution.page.deponseCaisse.typeReglement=Type de r\u00e8glement +distribution.page.caisse.deponseCaisse=Consuler les informations de sortie caisse +distribution.page.deponseCaisse.liste.message.non=Pas de sortie/entr\u00e9e caisse enregistr\u00e9e ! +distribution.page.deponseCaisse.total=Total +distribution.page.deponse.liste.message.non=Pas de sortie caisse enregistr\u00e9e ! +distribution.page.deponse.consulter=Consulter les sorties caisse de la caisse +distribution.page.deponse.caisse=Caisse distinataire + +stock.page.deponse.document=Document +stock.page.deponse.document.list=Liste des documents +stock.page.deponse.document.ajouter=Ajouter un document +stock.page.deponse.document.telecharger=T\u00e9l\u00e9charger +stock.page.deponse.document.supprimer=Supprimer + + + + +distribution.page.detailVersement.money=Monnaie +distribution.page.detailVersement.quantite=Quantit\u00e9 +distribution.page.detailVersement.total=Total +distribution.page.detailVersement.sold=Total solde + +distribution.page.detailDepense.money=Monnaie +distribution.page.detailDepense.quantite=Quantit\u00e9 +distribution.page.detailDepense.total=Total +distribution.page.detailDepense.sold=Total solde + +distribution.page.transfert.list=Liste des transferts +distribution.page.transfert.id=Identifiant +distribution.page.transfert.destinataire=Destinataire +distribution.page.transfert.expediteur=Exp\u00e9diteur +distribution.page.transfert.date=Date +distribution.page.transfert.montant=Montant +distribution.page.transfert.montant.recu=Montant re\u00e7u +distribution.page.transfert.montant.emis=Montant emis +distribution.page.transfert.observation=Observation +distribution.page.transfert.observation.confirmer=Transfert confirm\u00e9 +distribution.page.transfert.observation.nonConfirmer=Transfert non confirm\u00e9 + + +distribution.page.activitiestock=Activit\u00e9 stock +distribution.page.inventaire=Inventaire +distribution.page.inventaire.list=Liste des inventaires +distribution.page.inventaire.id=Identifiant +distribution.page.inventaire.saisiePar=Saisi(e) par +distribution.page.inventaire.date=Date +distribution.page.inventaire.heur=Heure +distribution.page.inventaire.ajouter=Ajouter +distribution.page.inventaire.modifier=Modifier +distribution.page.inventaire.consulter=Consulter +distribution.page.inventaire.info=Information sur l'inventaire +distribution.page.inventaire.list.message.non=Pas d'inventaire enregistr\u00e9e ! +distribution.page.inventaire.consulter.message=Consulter les informations de l'inventaire +distribution.page.inventaire.oldQuantite=Ancienne quantit\u00e9 +distribution.page.inventaire.newQuantite=Nouvelle quantit\u00e9 +distribution.page.inventaire.ajouterLigne=Ajouter ligne + +distribution.page.activitie=Activit\u00e9 +distribution.page.chiffreAffaire=Chiffre d'affaire +distribution.page.activitie.liste=Liste des activit\u00e9s +distribution.page.activitie.date=Date +distribution.page.activitie.correction=Correction solde +distribution.page.activitie.entree=Cr\u00e9dit +distribution.page.activitie.sortie=D\u00e9bit +distribution.page.activitie.object=Object +distribution.page.activitie.NumBon=Num\u00e9ro de bon +distribution.page.activitie.raisonsocial=Raison sociale +distribution.page.activitie.type=Type d'activit\u00e9 +distribution.page.activitie.intitule=Intitul\u00e9 +distribution.page.activitie.libelle=Libell\u00e9 +distribution.page.activitie.numero=N\u00b0 +distribution.page.activitie.sold=Solde +stock.page.activitie.liste.message.non=Pas de d'activit\u00e9 enregistr\u00e9e ! + +distribution.page.transfert=Transfert + + +distribution.page.transfert.list=Liste des transferts +distribution.page.transfert.consulter.message=Consulter les d\u00e9tails du transfert +distribution.page.transfert.consulter.message.non=Pas de transfert enregistr\u00e9 ! +distribution.page.transfert.detail=D\u00e9tail du transfert +distribution.page.transfert.id=Identifiant +distribution.page.transfert.historique=Historique des Transferts + +distribution.page.transfert.date.evoi=Envoyer le +distribution.page.transfert.date.accepter=Accepter le + + +distribution.page.transfert.emis=Transfert Emis +distribution.page.transfert.recu=Transfert re\u00e7u +distribution.page.transfert.date=Date +distribution.page.transfert.montant=Montant +distribution.page.transfert.total=Total +distribution.page.transfert.observation=Observation +distribution.page.transfert.consuler=Consulter +distribution.page.transfert.ajouter=Ajouter un transfert +distribution.page.transfert.modifier=Modifier +distribution.page.transfert.etat=Etat +distribution.page.transfert.confirmer=Confirmer +distribution.page.transfert.nombreEmis=Nombre des transferts emis +distribution.page.transfert.nobreRecu=Nombre des transferts re\u00e7us +distribution.page.transfert.emetteur=Envoyer par la caisse +distribution.page.transfert.recepteur=Envoyer \u00e0 la caisse +distribution.page.transfert.accepter=Accepter le transfert +distribution.page.transfert.refuser=Refuser le transfert +distribution.page.transfert.annuler=Annuler le transfert +distribution.page.transfert.typeRglement=Type de r\u00e8glement +distribution.page.transfert.nomBanque=Nom banque +distribution.page.transfert.numCheque=Num\u00e9ro du ch\u00e8que +distribution.page.transfert.numVirement=Num\u00e9ro du virement +distribution.page.transfert.dateVirement=Date virement +distribution.page.transfert.dateCheque=Date ch\u00e8que +distribution.page.transfert.totalNonAccepter=Total trensfert non accept\u00e9 + +distribution.page.non=Non +distribution.page.oui=Oui +distribution.page.supprimer.confirmation=Voulez vous vraiment supprimer !! +distribution.page.annuler.confirmation=Voulez vous vraiment annuler!! +distribution.page.refuser.confirmation=Voulez vous vraiment refuser!! +distribution.page.accepter.confirmation=Voulez vous accepter ce transfert!! + +distribution.page.etatJournalier.sortie=Sortie +distribution.page.etatJournalier.recap=R\u00e9cap +distribution.page.etatJournalier.etatcommercial.print=Imprimer l'\u00e9tat commercial +distribution.page.etatJournalier.recap.print=Imprimer la r\u00e9cap +distribution.page.etatJournalier.etatVente=Etat des ventes +distribution.page.etatJournalier.etatcommercial.EtatJournalier=Imprimer l'\u00e9tat journalier +distribution.page.etatJournalier.etatcommercial.RapportJournalier=Imprimer le rapport journalier +distribution.page.etatJournalier.etatcommercial.RapportJournalier.personnel=Imprimer le rapport journalier avec personnel +distribution.page.etatJournalier.etatfinancier.print=Imprimer l'\u00e9tat financier +distribution.page.etatJournalier.etatfinancier.recap.print=Imprimer r\u00e9cap de l'\u00e9tat financier +distribution.page.etatJournalier.sortie.list=Liste des sorties +distribution.page.etatJournalier.sortie.detailMotifSortie=D\u00e9tail motif de sortie +distribution.page.etatJournalier.sortieAvarie=Sortie Avarie +distribution.page.etatJournalier.sortieAvarie.list=Liste des sorties avaries +distribution.page.etatJournalier.sortieAvarie.detailTypeSortie=D\u00e9tail type de sortie +distribution.page.etatJournalier.retour=Retour +distribution.page.etatJournalier.retour.liste=Liste des retours +distribution.page.etatJournalier.retour.client=Retour Client +distribution.page.etatJournalier.retour.camion=Retour Commercial +distribution.page.etatJournalier.caisse=Caisses +distribution.page.etatJournalier.commande=Commandes +distribution.page.etatJournalier.vente=Ventes +distribution.page.etatJournalier.transfertEmis=Transfert Emis +distribution.page.etatJournalier.transfertRecu=Transfert re\u00e7u +distribution.page.etatJournalier.client=Client +distribution.page.etatJournalier.chargement=Chargement +distribution.page.etatJournalier.vente.all=Toutes les ventes +distribution.page.etatJournalier.revient=Total b\u00e9n\u00e9fice +distribution.page.etatJournalier.vente.detail=D\u00e9tail des ventes +distribution.page.etatJournalier.livraison=Livraison +distribution.page.etatJournalier.livraison.List=Liste des livraisons +distribution.page.etatJournalier.livraison.detailStatut=D\u00e9tail statut de livraison +distribution.page.etatJournalier.livraison.all=Touts les livraison +distribution.page.etatJournalier.livraison.all.non=Touts les livraison non livrer +distribution.page.etatJournalier.livraison.detail=D\u00e9tail des livraison +distribution.page.etatJournalier.sortieMagasin=Sortie magasin +distribution.page.etatJournalier.entreeStock=Entr\u00e9e stock +distribution.page.etatJournalier.correction=Correction stock +distribution.page.etatJournalier.versement.client=Versement client +distribution.page.etatJournalier.versement.client.camion=Versement des clients au commercial +distribution.page.etatJournalier.versementFournisseur=Versement fournisseur +distribution.page.etatJournalier.recapFournisseur=R\u00e9cap fournisseur +distribution.page.etatJournalier.etatStock.magasin=Etat du stock magasin +distribution.page.etatJournalier.etatStock=Etat du Stock +distribution.page.etatJournalier.etatStock.produit=Produit +distribution.page.etatJournalier.etatStock.lot=Lot +distribution.page.etatJournalier.etatStock.Avarie=Etat du stock avarie +distribution.page.etatJournalier.etatStockAvarie.produit=Produit +distribution.page.etatJournalier.etatStockAvarie.lot=Lot +distribution.page.etatJournalier=Etat Journalier +distribution.page.etatJournalier.etatCommercial=Etat commercial +distribution.page.etatJournalier.etatCommercial.recap=R\u00e9cap \u00e9tat commercial +distribution.page.etatJournalier.etatCommercial.stock=Etat commercial stock +distribution.page.etatJournalier.etatCommercial.distribution=Etat commercial distribution +distribution.page.etatJournalier.etatCommercial.copieTransactionInterDepot=Copie des transactions inter-d\u00e9pots +distribution.page.etatJournalier.etatCommercial.copieTransactionInterDepot.list=Liste des transactions inter-d\u00e9pots copi\u00e9es +distribution.page.etatJournalier.etatCommercial.ajouter=Ajouter une copie inter-d\u00e9pots +distribution.page.etatJournalier.etatFinancier=Etat financier +distribution.page.etatJournalier.etatFacture.facture=Etat des factures +distribution.page.etatJournalier.etatFacture.facture.historique=Historique des factures +distribution.page.etatJournalier.etatFacture.totalTtcFacture=Total TTC facture +distribution.page.etatJournalier.etatFacture.qteFacture=Quantit\u00e9 facture +distribution.page.etatJournalier.etatFacture.qteFacture.piece=Quantit\u00e9 facture en pi\u00e8ce +distribution.page.etatJournalier.etatFacture.totalTtcRetour=Total TTC retour +distribution.page.etatJournalier.etatFacture.qteRetour=Quantit\u00e9 retour +distribution.page.etatJournalier.etatFacture.qteRetour.piece=Quantit\u00e9 retour en pi\u00e8ce +distribution.page.etatJournalier.etatFacture.qteChiffreAffaire=Quantit\u00e9 chiffre d'affaire +distribution.page.etatJournalier.etatFacture.qteChiffreAffaire.piece=Quantit\u00e9 chiffre d'affaire en pi\u00e8ce +distribution.page.etatJournalier.totalAllDepanse=Total des d\u00e9penses +distribution.page.etatJournalier.nbrDepanse=Nombre des d\u00e9penses +distribution.page.etatJournalier.totalAllVersement=Total des versements +distribution.page.etatJournalier.nbrVersement=Nombre des versements +distribution.page.etatJournalier.totalAllCommanbde=Total des commandes +distribution.page.etatJournalier.nbrCommanbde=Nombre de commandes +distribution.page.etatJournalier.totalAllVente=Total des ventes +distribution.page.etatJournalier.totalBeneficeVente=Total b\u00e9n\u00e9fice ventes +distribution.page.etatJournalier.nbrVente=Nombre de ventes +distribution.page.etatJournalier.totalAllChargement=Total des chargements +distribution.page.etatJournalier.nbrChargement=Nombre de chargements +distribution.page.etatJournalier.totalAllTransfertEmis=Total des Transferts Emis +distribution.page.etatJournalier.nbrTransfertEmis=Nombre de Transfert Emis +distribution.page.etatJournalier.totalAllTransfertRecu=Total des Transferts re\u00e7us +distribution.page.etatJournalier.nbrTransfertRecu=Nombre de Transfert re\u00e7u +distribution.page.etatJournalier.totalAllRetourClient=Total des retours client +distribution.page.etatJournalier.totalAllPerteRetourClient=Total perte client +distribution.page.etatJournalier.totalAllPerteRetourCamion=Total perte camion +distribution.page.etatJournalier.totalAllPerte=Total perte +distribution.page.etatJournalier.nbrRetourClient=Nombre de retour client +distribution.page.etatJournalier.totalAllRetourCamion=Total des retours camion +distribution.page.etatJournalier.nbrRetourCamion=Nombre de retour camion +distribution.page.etatJournalier.totalAllSortieMagasin=Total des sorties magasin +distribution.page.etatJournalier.nbrSortieMagasin=Nombre de sortie magasin +distribution.page.etatJournalier.totalAllSortieAvarie=Total des sorties avaries +distribution.page.etatJournalier.nbrSortieAvarie=Nombre de sortie avarie +distribution.page.etatJournalier.totalAllLivraison=Total des livraisons +distribution.page.etatJournalier.totalBeneficeLivraison=Total b\u00e9n\u00e9fice livraisons +distribution.page.etatJournalier.nbrLivraison=Nombre de livraison +distribution.page.etatJournalier.totalAllStock=Total des produits en stock +distribution.page.etatJournalier.totalCharge=Total charge +distribution.page.etatJournalier.totalChiffreAffaire=Total chiffre d'affaire +distribution.page.etatJournalier.totalBenificeNet=Total b\u00e9n\u00e9fice net +distribution.page.etatJournalier.nbrRemiseFournisseurFournisseur=Nombre de remise fournisseur +distribution.page.etatJournalier.totalRemiseFournisseurFournisseur=Total des remises fournisseurs +distribution.page.etatJournalier.nbrProduitStock=Nombre des produit en stock +distribution.page.etatJournalier.totalAllEntree=Total des entr\u00e9es en stock +distribution.page.etatJournalier.totalAllAvoir=Total des gratuit\u00e9s fournisseur +distribution.page.etatJournalier.nbrEntreeStock=Nombre d'entr\u00e9e en stock +distribution.page.etatJournalier.nbrAvoirStock=Nombre de gratuit\u00e9s fournisseur +distribution.page.etatJournalier.nbrVersementFournisseur=Nombre de versement fournisseur +distribution.page.etatJournalier.totalVersementFournisseur=Total des versements fournisseurs +distribution.page.etatJournalier.nbrVersementClient=Nombre de versement client +distribution.page.etatJournalier.totalVersementClient=Total des versements clients +distribution.page.etatJournalier.nbrVersementClientCamion=Nombre de versement client au commercial +distribution.page.etatJournalier.totalVersementClientCamion=Total des versements clients au commercial +distribution.page.etatJournalier.etatDesClient=Total des cr\u00e9dits clients stock +distribution.page.etatJournalier.nbrClientCredit=Nombre de clients avec cr\u00e9dit stock +distribution.page.etatJournalier.etatDesClient.oldCredit=Ancien cr\u00e9dit +distribution.page.etatJournalier.etatDesClient.newCredit=Nouveau cr\u00e9dit +distribution.page.etatJournalier.etatDesClient.totalAchat=Total achat +distribution.page.etatJournalier.etatDesClient.totalVersement=Total versement + +distribution.page.etatJournalier.nbrVente.camion=Nombre de vente des commerciaux +distribution.page.etatJournalier.totalVente.camion=Total des ventes des commerciaux +distribution.page.etatJournalier.totalBeneficeVente.camion=Total b\u00e9n\u00e9fice des ventes commerciaux +distribution.page.etatJournalier.nbrRetour.camion=Nombre de retour client au commerciaux +distribution.page.etatJournalier.totalRetour.camion=Total des retours clients au commerciaux +distribution.page.etatJournalier.nbrCamion=Nombre de commercial +distribution.page.etatJournalier.stock.valeur.achat=Valeur d'achat des stocks commerciaux +distribution.page.etatJournalier.stock.valeur.vente=Valeur de vente des stocks commerciaux +distribution.page.etatJournalier.creditCamion.nbrClient=Nombre de client avec cr\u00e9dit distribution +distribution.page.etatJournalier.creditCamion.valeur=Total des cr\u00e9dits client commerciaux + +distribution.page.etatJournalier.reductionSoldClient.nbr=Nombre ristourne client +distribution.page.etatJournalier.reductionSoldClient.total=Total ristourne client + +distribution.page.etatJournalier.etatDesFournisseur=Etat des cr\u00e9ances fournisseurs +distribution.page.etatJournalier.etatDesFournisseur.nbr=Nombre de fournisseurs +distribution.page.etatJournalier.etatDesFournisseur.oldCredit=Ancien cr\u00e9dit +distribution.page.etatJournalier.etatDesFournisseur.newCredit=Nouveau cr\u00e9dit +distribution.page.etatJournalier.etatDesFournisseur.totalAchat=Total achat +distribution.page.etatJournalier.etatDesFournisseur.totalAvoir=Total avoir +distribution.page.etatJournalier.etatDesFournisseur.totalVersement=Total Versement +distribution.page.etatJournalier.entreeStock.list=Liste des entr\u00e9es +distribution.page.etatJournalier.entreeStock.achat=Achat +distribution.page.etatJournalier.entreeStock.avoir=Avoir + + + +distribution.page.etatJournalier.camion.client.credit=Cr\u00e9dit client commercial +stockdistribution.page.credit.total=total cr\u00e9dit + +distribution.page.etatJournalier.venteCamion=Vente des commerciaux +distribution.page.etatJournalier.retourClientCamion=Retour des clients au commercial +distribution.page.etatJournalier.stockCamion=Stock des agents commerciaux + +distribution.page.etatJournalier.detailProduit=D\u00e9tail produit +distribution.page.etatJournalier.detailProduit.quantite=Quantit\u00e9 +distribution.page.etatJournalier.detailProduit.total=Total +distribution.page.etatJournalier.detail.message.non=Pas de d\u00e9tail enregistr\u00e9 ! + +distribution.page.etatJournalier.nbrProduit=Nombre de produits +distribution.page.etatJournalier.stock.camion.valeurAchat=Valeur d'achat du stock +distribution.page.etatJournalier.stock.camion.valeurVente=Valeur de vente du stock + + +distribution.page.etatJournalier.detailProduit=D\u00e9tail produit +distribution.page.etatJournalier.detailProduit.quantite=Quantit\u00e9 +distribution.page.etatJournalier.detailProduit.total=Total +distribution.page.etatJournalier.detail.message.non=Pas de d\u00e9tail enregistr\u00e9 ! +distribution.page.etatJournalier.totalCharge=Total charge +distribution.page.etatJournalier.totalChiffreAffaire=Total chiffre d'affaire +distribution.page.etatJournalier.totalBenificeNet=Total b\u00e9n\u00e9fice net +distribution.page.etatJournalier.nbrRemiseFournisseurFournisseur=Nombre de remise fournisseur +distribution.page.etatJournalier.totalRemiseFournisseurFournisseur=Total des remises fournisseurs +distribution.page.etatJournalier.reductionSoldClient.nbr=Nombre ristourne client +distribution.page.etatJournalier.reductionSoldClient.total=Total ristourne client +distribution.page.etatJournalier.totalAllPerteRetourClient=Total perte client +distribution.page.etatJournalier.totalAllPerteRetourCamion=Total perte camion +distribution.page.etatJournalier.reductionSoldClient=Ristourne client + + + + + + + +distribution.page.service=Service +distribution.page.service.liste=Liste des services +distribution.page.service.liste.detaille=D\u00e9tail du service +distribution.page.service.liste.message.non=Pas de service enregistr\u00e9 ! +distribution.page.service.ajouterService=Ajouter un service +distribution.page.service.copierservice=Copier un service +distribution.page.service.ajouterservice.message=service {0} ajout\u00e9 avec succ\u00e8s +distribution.page.service.modifierservice=Modifier un service +distribution.page.service.consulterservice=Consulter un service +distribution.page.service.modifierservice.message=service {0} modifi\u00e9 avec succ\u00e8s +distribution.page.service.image=Image +distribution.page.service.typeReference=Type R\u00e9f\u00e9rence +distribution.page.service.TypeTransaction=Type Transaction +distribution.page.service.image.charger=Charger image +distribution.page.service.marque=Marque +distribution.page.service.nom=Nom +distribution.page.service.nom.ar=Nom en arabe +distribution.page.service.discription=Description +distribution.page.service.discription.ar=Description en arabe +distribution.page.service.unitemesure=Unit\u00e9 +distribution.page.service.correspondance=Correspondance +distribution.page.service.parfum=Parfum +distribution.page.service.calissage=Col. +distribution.page.service.calissage.carton=Colisage carton +distribution.page.service.calissage.palette=Colisage palette +distribution.page.service.codebarre=Code barre +distribution.page.service.prix=Prix +distribution.page.service.prixAchat=Prix de revient +distribution.page.service.prixVente=Prix vente +distribution.page.service.correspondance=Correspondance +distribution.page.service.reference=R\u00e9f\u00e9rence +distribution.page.service.reference.ar=R\u00e9f\u00e9rence en arabe +distribution.page.service.remise=Remise +distribution.page.service.nbrmin=Nbr min +distribution.page.service.nbrmin.text=Nombre minimum pour b\u00e9nificier de la remise +distribution.page.service.nbrmax=Nbr max +distribution.page.service.nbrmax.text=Nombre maximum pour b\u00e9nificier de la remise +distribution.page.service.quantite=Quantit\u00e9 +distribution.page.service.typeProduit=Type Produit +distribution.page.service.total=Total +distribution.page.service.copieToDistribution=Copier vers distribution +distribution.page.service.ajouterLigne=Ajouter une ligne +distribution.page.service.removeLigne=Supprimer une ligne + + +stock.page.id=Id +stock.page.numero=N\u00b0 + +stock.page.retour.ajouter=Ajouter un retour en stock +stock.page.retour.modifier=Modifier +stock.page.retour=Retour +stock.page.retour.liste=Liste des retours stock +stock.page.retour.detailProduit=D\u00e9tail produit +stock.page.retour.liste.message.non=Pas de retours enregistr\u00e9 ! +stock.page.retour.date=Date +stock.page.retour.heur=Heure +stock.page.retour.totalHT=Total HT +stock.page.retour.remise=Remise +stock.page.retour.total=Total +stock.page.retour.total.ttc=Total TTC +stock.page.retour.Timbre=Timbre +stock.page.retour.saisiePar=Saisi(e) par +stock.page.retour.tva=TVA +stock.page.retour.nFacture=N\u00b0 Facture +stock.page.retour.nCommande=N\u00b0 Commande +stock.page.retour.nbl=N\u00b0 bon de livraison +stock.page.retour.nbl.avecfacture=BL avec facture +stock.page.retour.bl=Bon de livraison +stock.page.retour.facture=Facture +stock.page.retour.cammande=Commande +stock.page.retour.supprimer.tout=Supprimer tous les produits +stock.page.retour.typesaisie=Type de saisie +stock.page.retour.document=Document +stock.page.retour.document.list=Liste des documents +stock.page.retour.document.ajouter=Ajouter un document +stock.page.retour.document.telecharger=T\u00e9l\u00e9charger +stock.page.retour.document.supprimer=Supprimer + +stock.page.alerte=Alerte +stock.page.alerte.stock=Quantit\u00e9 en stock insuffisante ! +stock.page.alerte.prix=Prix de vente est inf\u00e9rieur au prix d\u2019achat ! + +stock.page.emballage=Emballage +stock.page.consigne=Consigne +stock.page.entree.saisiePar=Saisi(e) par +stock.page.entree.consulter=Consulter l'entr\u00e9e +stock.page.entree.date=Date +stock.page.entree.remise=Remise +stock.page.entree.totalHT=Total HT +stock.page.entree.tva=TVA +stock.page.entree.Timbre=Timbre +stock.page.entree.total.ttc=Total TTC +stock.page.entree.typeEntree=Type d'entr\u00e9e +stock.page.entree.liste.message.non=Pas d'entr\u00e9e en stock enregistr\u00e9 ! + +stock.page.entree.document=Document +stock.page.entree.document.list=List des documents +stock.page.entree.document.ajouter=Ajouter un document +stock.page.entree.document.telecharger=T\u00e9l\u00e9charger +stock.page.entree.document.supprimer=Supprimer +distribution.page.edition.entree.produit=Bon d'achat +distribution.page.edition.entree.reception=Bon de reception +distribution.page.edition.entree.produitA5=Bon d'achat A5 +distribution.page.edition.entree.receptionA5=Bon de reception A5 + +stock.page.venteFacture.non=Ventes non factur\u00e9es +stock.page.venteFacture.non.list=Liste des ventes a facturer +stock.page.venteFacture.nbr=Nombre de facture +stock.page.venteFacture.etablirFacture=Etablir facture + +stock.page.facture=Facturation +distribution.page.facture.remove=Supprimer Facture +distribution.page.facture=Facture +distribution.page.facture.enregistrer=Enregistrer +distribution.page.facture.modifier=Modifier +distribution.page.facture.list=Liste des factures +distribution.page.facture.list.message.non=Pas de facture enregistr\u00e9 ! +distribution.page.facture.ajouter=Ajouter facture + +distribution.page.facture.reedition=Re-edition de la facture +distribution.page.facture.annuler=Annuler facture +distribution.page.facture.print=Imprimer la facture +distribution.page.facture.consulter=Consulter la facture +distribution.page.facture.numero=N\u00b0 facture +distribution.page.facture.timbre=Timbre +distribution.page.facture.ht=HT +distribution.page.facture.tva=TVA +distribution.page.facture.ttc=TTC +distribution.page.facture.timbre.applique=Applique timbre +distribution.page.facture.detail=D\u00e9tail facture +distribution.page.facture.detailproduit=D\u00e9tails produits +distribution.page.facture.detailFacturation=D\u00e9tail facturation +distribution.page.facture.quantiteVendu=Quantit\u00e9 vendue/ Livr\u00e9e +distribution.page.facture.quantiteFacture=Quantit\u00e9 factur\u00e9e +distribution.page.facture.quantiteAFacture=Quantit\u00e9 reste \u00e0 facturer +distribution.page.facture.quantitePossible=Quantit\u00e9 possible \u00e0 facturer + +stock.page.stockFacture=Stock factur\u00e9 +stock.page.stockFacture.mouvement=Mouvement stock factur\u00e9 +stock.page.stockFacture.etat=Etat du stock factur\u00e9 +stock.page.stockFacture.list=Liste Stock Factur\u00e9 +stock.page.stockFacture.modifier=Modifier + +stock.page.stockFacture=Stock factur\u00e9 +stock.page.stockFacture.list=Liste Stock Factur\u00e9 +stock.page.stockFacture.modifier=Modifier + + + +stock.page.transactionPersonnePhysique=Transaction +stock.page.transactionPersonnePhysique.copier=Transaction \u00e0 copier +stock.page.transactionPersonnePhysique.liste=Liste des Transactions +stock.page.transactionPersonnePhysique.detail=D\u00e9tail +stock.page.transactionPersonnePhysique.ajouter=Ajouter un salaire +stock.page.transactionPersonnePhysique.modifier=Modifier la transaction +stock.page.transactionPersonnePhysique.consulter=Consulter la transaction +stock.page.transactionPersonnePhysique.enregistrer=Enregistrer +stock.page.transactionPersonnePhysique.id=Identifiant +stock.page.transactionPersonnePhysique.date=Date +stock.page.transactionPersonnePhysique.heur=Heure +stock.page.transactionPersonnePhysique.saisiePAr=Saisi(e) par +stock.page.transactionPersonnePhysique.objet=Objet +stock.page.transactionPersonnePhysique.montant=Montant +stock.page.transactionPersonnePhysique.personnePhysique=Personnel +stock.page.transactionPersonnePhysique.type=Type de la transaction +stock.page.transactionPersonnePhysique.message.non=Pas de transaction enregistr\u00e9 ! +stock.page.transactionPersonnePhysique.salaireAPrendre=Salaire a prendre +stock.page.transactionPersonnePhysique.salaireMois=Salaire du mois de +stock.page.transactionPersonnePhysique.typeTransaction.list=Liste type transaction +stock.page.transactionPersonnePhysique.prime.ajouter=Ajouter une prime +stock.page.transactionPersonnePhysique.prime=Prime +stock.page.transactionPersonnePhysique.prime.liste=Liste des Primes +stock.page.transactionPersonnePhysique.retenue=Retenue +stock.page.transactionPersonnePhysique.retenue.liste=Liste des Retenues +stock.page.transactionPersonnePhysique.retenue.ajouter=Ajouter une Retenue +stock.page.transactionPersonnePhysique.paiement.ajouter=Ajouter un Paiement hors salaire +stock.page.transactionPersonnePhysique.paiement.liste=Liste des Paiements +stock.page.transactionPersonnePhysique.salaire=Salaire +stock.page.transactionPersonnePhysique.modifier=Modifier + + + +stock.page.mailModele=Mod\u00e8les de mail +stock.page.mailModele.ajouter=Ajouter un modele de mail +stock.page.mailModele.conslter=Consulter le modele de mail +stock.page.mailModele.modifier=Modifier le modele de mail +stock.page.mailModele.liste=Liste des mod\u00e8les de mail +stock.page.mailModele.liste.message.non=Pas de modele de mail enregistr\u00e9 ! +stock.page.mailModele.nom=Nom +stock.page.mailModele.objet=Objet du mail +stock.page.mailModele.text=Texte du mail + +stock.page.genererRapport=G\u00e9n\u00e9rer un rapport +stock.page.genererRapport.liste=Liste des rapports g\u00e9n\u00e9r\u00e9s +stock.page.genererRapport.nom=Nom +stock.page.genererRapport.periode=Periode +stock.page.genererRapport.heur=Heure +stock.page.genererRapport.actif=Actif +stock.page.genererRapport.modeleMail=Mod\u00e8le de mail +stock.page.genererRapport.groupe=Les groupes concern\u00e9s +stock.page.genererRapport.ajouter=Ajouter une g\u00e9n\u00e9ration de rapport +stock.page.genererRapport.modifier=Modifier la g\u00e9n\u00e9ration du rapport +stock.page.genererRapport.consulter=Consulter la g\u00e9n\u00e9ration du rapport +stock.page.genererRapport.liste.message.non=Pas de rapport enregistr\u00e9 ! + +stock.page.historiqueMail.historique=Historique des mails +stock.page.historiqueMail.historique.message.non=Pas de mail envoy\u00e9 ! +stock.page.historiqueMail.historique.sendTo=Envoy\u00e9 \u00e0 +stock.page.historiqueMail.historique.date=Date +stock.page.historiqueMail.historique.heur=Heure +stock.page.historiqueMail.historique.Envoyer=Envoyer ? + +stock.page.imprimante=Imprimante +stock.page.imprimante.nom=Nom +stock.page.imprimante.adresseIp=Adresse IP +stock.page.imprimante.resolution=Resolution (DPI) +stock.page.imprimante.actif=Actif +stock.page.imprimante.longeur=Longeur (mm) +stock.page.imprimante.type=Type imprimante +stock.page.imprimante.port=Port +stock.page.imprimante.taille=Taille (mm) +stock.page.imprimante.nSerie=N\u00b0 S\u00e9rie +stock.page.imprimante.consulter=Consulter les informations de l'imprimante +stock.page.imprimante.ajouter=Ajouter une imprimante +stock.page.imprimante.modifier=Modifier l'imprimante +stock.page.imprimante.list=Liste des imprimantes +stock.page.imprimante.message.non=Pas d'imprimante enregistr\u00e9 ! +stock.page.imprimante.select=S\u00e9lectionner une imprimante : +stock.page.imprimante.annuler=Annuler +stock.page.imprimante.close=Fermer +stock.page.imprimante.print=Imprimer +stock.page.imprimante.defaultPrint=D\u00e9finir comme imprmante par d\u00e9faut +stock.page.imprimante.print.aparcu=Aper\u00e7u avant impression + +stock.page.typeDepense=Type d\u00e9pense +stock.page.categoieDepense=Cat\u00e9gorie d\u00e9pense +stock.page.categoieFournisseur=Cat\u00e9gorie fournisseur +stock.page.nomcategoieDepense=Nom cat\u00e9gorie +stock.page.nomcategoieDepenseAR=Nom arabe cat\u00e9gorie +stock.page.etablissementcategoieDepense=Etablissement +stock.page.categorieDepense.liste=Liste des cat\u00e9gories d\u00e9penses +stock.page.categorieDepense.consulter=Consulter cat\u00e9gorie d\u00e9pense +stock.page.typeDepense.ajouter=Ajouter un type d\u00e9pense +stock.page.typeDepense.ajouterC=Ajouter une cat\u00e9gorie d\u00e9pense +stock.page.categorieFournisseur.ajouterC=Ajouter une cat\u00e9gorie fournisseur +distribution.categorieDepense.copieToDistribution=Copier vers trizDistribution +stock.page.categorieDepense.liste.message.non=Pas de cat\u00e9gorie de d\u00e9pense enregistr\u00e9e ! +stock.page.typeDepense.modifier=Modifier le type de la d\u00e9pense +stock.page.typeDepense.consulter=Consulter le type de la d\u00e9pense +stock.page.typeDepense.liste=Liste des types de d\u00e9pense +stock.page.typeDepense.type=Type +stock.page.typeDepense.description=Description +stock.page.typeDepense.liste.message.non=Pas de type de d\u00e9pense enregistr\u00e9 ! +stock.page.typeDepense.isCharge=Est une Charge +stock.page.typeDepense.modifierCharge=Modifier les charges ! +stock.page.typeDepense.copierVers=Copier Vers Une Autre Etablissement +stock.page.typeDepense.charge=Charge +stock.page.typeDepense.useInDistribution=Utilise la distribution +stock.page.typeDepense.isActif=Actif +stock.page.typeDepense.sellectionner.tout=S\u00e9lectionner tous les types de d\u00e9penses +stock.page.fournisseur.liste.message.non=Pas de cat\u00e9gorie fournisseur enregistr\u00e9 ! +stock.page.nomcategoieFournisseur=Nom cat\u00e9gorie +stock.page.etablissementcategoieFournisseur=Etablissement +stock.page.categorieFournisseur.consulter=Consulter cat\u00e9gorie fournisseur +stock.page.categorieFournisseur.liste=Liste des cat\u00e9gories fournisseur +stock.page.nomcategoieFournisseurAR=Nom arabe + + + + + + + +stock.page.historiqueMail.historique=Historique des mails +stock.page.historiqueMail.historique.message.non=Pas de mail envoy\u00e9 ! +stock.page.historiqueMail.historique.sendTo=Envoy\u00e9 \u00e0 +stock.page.historiqueMail.historique.date=Date +stock.page.historiqueMail.historique.heur=Heure +stock.page.historiqueMail.historique.Envoyer=Envoyer ? + +stock.page.imprimante=Imprimante +stock.page.imprimante.nom=Nom +stock.page.imprimante.adresseIp=Adresse IP +stock.page.imprimante.port=Port +stock.page.imprimante.taille=Taille (mm) +stock.page.imprimante.nSerie=N\u00b0 S\u00e9rie +stock.page.imprimante.consulter=Consulter les informations de l'imprimante +stock.page.imprimante.ajouter=Ajouter une imprimante +stock.page.imprimante.modifier=Modifier l'imprimante +stock.page.imprimante.list=Liste des imprimantes +stock.page.imprimante.message.non=Pas d'imprimante enregistr\u00e9 ! +stock.page.imprimante.select=S\u00e9lectionner une imprimante : +stock.page.imprimante.annuler=Annuler +stock.page.imprimante.print=Imprimer +stock.page.imprimante.defaultPrint=D\u00e9finir comme imprmante par d\u00e9faut + + + +stock.page.venteFacture= Facture +stock.page.venteFacture.print=Imprimer Facture +stock.page.venteFacture.print.remise=Imprimer Facture Avec Remise +stock.page.venteFacture.etablir.bl=Etablir un BL +stock.page.venteFacture.etablir.retour=Etablir un Retour produits +stock.page.venteFacture.etablir.factureAvoir=Etablir une facture d'avoir +stock.page.venteFacture.client.ajouter=Ajouter une facture client +stock.page.venteFacture.document=Document +stock.page.venteFacture.ajouter=Ajouter une facture +stock.page.venteFacture.ajouter.oldVente=Facturer les anciennes ventes +stock.page.venteFacture.modifier=Modifier +stock.page.venteFacture.list=Liste des factures +stock.page.venteFacture.list.telecherger.all=T\u00e9l\u00e9charger toutes les factures +stock.page.venteFacture.list.telecherger=T\u00e9l\u00e9charger +stock.page.venteFacture.detail.message.non=Pas de d\u00e9tail enregistr\u00e9 ! +stock.page.venteFacture.liste.message.non=Pas de facture enregistr\u00e9 ! +stock.page.venteFacture.date=Date +stock.page.venteFacture.heur=Heure +stock.page.venteFacture.totalHT=Total HT +stock.page.venteFacture.remise=Remise +stock.page.venteFacture.remise.produit=Remise produit +stock.page.venteFacture.total=Total +stock.page.venteFacture.total.ttc=Total TTC +stock.page.venteFacture.Timbre=Timbre +stock.page.venteFacture.saisiePar=Saisi(e) par +stock.page.venteFacture.tva=TVA +stock.page.venteFacture.nFacture=N\u00b0 Facture +stock.page.venteFacture.nCommande=N\u00b0 Commande +stock.page.venteFacture.nbl=N\u00b0 bon de livraison +stock.page.venteFacture.nbl.avecfacture=Avec facture +stock.page.venteFacture.bl=Bon de livraison +stock.page.venteFacture.facture=Facture +stock.page.venteFacture.facture.generer=G\u00e9n\u00e9rer facture +stock.page.venteFacture.cammande=Commande +stock.page.venteFacture.supprimer.tout=Supprimer tous les produits +stock.page.venteFacture.typesaisie=Type de saisie +stock.page.venteFacture.document=Document +stock.page.venteFacture.document.list=Liste des documents +stock.page.venteFacture.document.ajouter=Ajouter un document +stock.page.venteFacture.document.telecharger=T\u00e9l\u00e9charger +stock.page.venteFacture.document.supprimer=Supprimer +stock.page.venteFacture.destinataire=Type destinataire +stock.page.venteFacture.typereglement=Type de r\u00e8glement +stock.page.venteFacture.modereglement=Mode de r\u00e8glement +stock.page.venteFacture.Quantite.Demande.Stock=Qt\u00e9 Demand\u00e9e +stock.page.venteFacture.livraisonVente.ajouter=Ajouter +stock.page.venteFacture.Quantite.Demande.Distribution=Qt\u00e9 Demand\u00e9e en Distribution +stock.page.venteFacture.quantite=Quantit\u00e9 + +distribution.page.sauvgarde=Sauvegarde +distribution.page.sauvgarde.distribution.telecharger=T\u00e9l\u00e9charger une sauvegarde TrizDistribution +distribution.page.sauvgarde.stock.telecharger=T\u00e9l\u00e9charger une sauvegarde TrizStock + +distribution.page.magasinier=Magasinier + +stock.page.approvisionnement=Bon de commande +stock.page.approvisionnement.list=Liste des Bon de commande +stock.page.approvisionnement.fournisseur=Fournisseur +stock.page.approvisionnement.date=Date +stock.page.approvisionnement.id=Identifiant +stock.page.approvisionnement.modifier=Modifier +stock.page.approvisionnement.liste=Liste des Bons de commandes +stock.page.approvisionnement.ajouter=Ajouter +stock.page.approvisionnement.consulter=Consulter +stock.page.approvisionnement.liste.message.non=Pas de Bon de commande enregistr\u00e9e +stock.page.approvisionnement.supprimer.tout=Supprimer tous les produits +stock.page.approvisionnement.document.telecharger=T\u00e9l\u00e9charger +stock.page.approvisionnement.typesaisie=Type de saisie +stock.page.approvisionnement.genererAchat=G\u00e9n\u00e9rer achat +stock.page.approvisionnement.tauxConsomation=Consomation (%) +stock.page.approvisionnement.quantiteConsommer=Qt\u00e9 Consomm\u00e9e +stock.page.approvisionnement.quantiteRestante=Reste \u00e0 commander + +stock.page.venteSuperette=Vente comptoire +stock.page.venteSuperette.list=liste des ventes comptoires +stock.page.venteSuperette.ajouter=Ajouter vente comptoire +stock.page.venteSuperette.total=Total +stock.page.venteSuperette.caisse=Caisse +stock.page.venteSuperette.save=enregistrer +stock.page.venteSuperette.caisse.sold=Solde caisse +stock.page.venteSuperette.vendeur=Vendeur +stock.page.venteSuperette.nbrVente=Nombre de vente +stock.page.venteSuperette.versement=Versement +stock.page.venteSuperette.nbrArticle=Nombre d'articles +stock.page.venteSuperette.nbrProduit=Nombre de produits +stock.page.venteSuperette.total.vente=Total Vente +stock.page.venteSuperette.versement.montant=Montant +stock.page.venteSuperette.versement.montant.recu=Montant re\u00e7u +stock.page.venteSuperette.versement.montant.rendu=Montant Rendu +stock.page.venteSuperette.saveanquite=Enregister et Quitter + +distribution.page.commande.detail.message.non=Pas de d\u00e9tail enregistr\u00e9 ! +distribution.page.achat.detail.message.non=Pas de d\u00e9tail enregistr\u00e9 ! + +stock.page.achat.list.telecherger.all=T\u00e9l\u00e9charger tous les bon d'achat +stock.page.avoir.list.telecherger.all=T\u00e9l\u00e9charger tous les bon d'avoir + + +stock.page.taxe.list=Liste des Taxes +stock.page.taxe.produit.list=Liste des produits tax\u00e9s +stock.page.taxe.produit=Liste taxes par produit +stock.page.taxe.designation=D\u00e9signation +stock.page.taxe.valeur=Valeur +stock.page.taxe.totalDA=Total en DA +stock.page.taxe.ajouter=Ajouter une taxe +stock.page.taxe.modifier=Modifier +stock.page.taxe.consulter=Consulter +stock.page.taxe=Taxe +stock.page.taxe.valeur.type=%/Da +stock.page.taxe.liste.message.non=Pas de taxe enregistr\u00e9e ! +stock.page.taxe.ajouterLigne=Ajouter une ligne + + +stock.page.importation=Importation +stock.page.importation.list=Liste des importations +stock.page.importation.liste.message.non=Pas d'importations enregistr\u00e9 ! +stock.page.importation.ajouter=Ajouter une importation + +stock.page.Synchronisation.nbrJour=Nombre de jours +stock.page.Synchronisation.dateDebut=Synchroniser \u00e0 partir de: + +stock.page.histoique.date=Date +stock.page.histoique.type=Type +stock.page.histoique.qnt=Quantit\u00e9 +stock.page.histoique.clientfounisseur=Client/ Fournisseur +distribution.page.produit.modifierOrdre=Modifier l'ordre + +distribution.page.produit.codebarre.generer=G\u00e9n\u00e9rer par l'application + +distribution.page.depansescamion=D\u00e9pense Commercial +distribution.page.depansescamion.liste=Liste des d\u00e9penses commerciaux +distribution.page.depansescamion.consulter=Consulter une d\u00e9pense Commercial +distribution.page.depansescamion.depenses=D\u00e9penses Commercial +distribution.page.depansescamion.depense=D\u00e9pense Commercial +distribution.page.depansescamion.depensesAcceptes=D\u00e9penses Commercial Accept\u00e9s +distribution.page.depansescamion.depensesNonAcceptes=D\u00e9penses Commercial Non Accept\u00e9s +distribution.page.depansescamion.adddepense=Ajouter une d\u00e9pense Commercial +distribution.page.depansescamion.object=Objet +distribution.page.depansescamion.observation=Observation +distribution.page.versementcamion.versement=Versement Commercial +distribution.page.versementcamion.versements=Versements Commercial + + + +distribution.page.stockcamion=Stock commerciaux +distribution.page.stockcamion.camion=Stock des commerciaux +distribution.page.stockcamion.valeur=Valeur du stock commerciaux +distribution.page.stockcamion.consulterstock=Consulter stock commercial +distribution.page.stockcamion.liste.message.non=Pas de produit enregistr\u00e9 ! +distribution.page.stockcamion.modifierstock=Modifier stock commerciaux +distribution.page.stockcamion.modifierstock.message=Imprimante {0} modifi\u00e9 avec succ\u00e8s +distribution.page.produit.liste.notVide=Stock agent commercial + + +distribution.page.profilefacture.appliquertva=Appliquer TVA sur les prix unitaires +distribution.page.profilefacture=Profile facture +distribution.page.listefactures=Liste des factures +distribution.page.profilefacture.liste=Liste des profiles factures +distribution.page.profilefacture.ajouter=Ajouter un profile facture +distribution.page.profilefacture.modifier=Modifier un profile facture +distribution.page.profilefacture.liste.message.non=Pas de profile enregistr\u00e9 ! +distribution.page.profilefacture.entete=Entete facture +distribution.page.profilefacture.typeActivitie=Type activitie +distribution.page.profilefacture.nis=Nis + +distribution.page.vente.facture.generer=G\u00e9n\u00e9rer facture +distribution.page.vente.facture.bonRetour=Etablir un bon de retour +distribution.page.edition.facture.route=Facture route +distribution.page.edition.facture.route.client=Facture route client +distribution.page.edition.facture.route.camion=Facture route camion +distribution.page.produit.type=Type produit + +distribution.page.produit.composition=Composition +stock.page.produit.composition.actif=Actif +distribution.page.produit.composition.quantite.min=Quantit\u00e9 Minimum +distribution.page.produit.composition.add=Ajouter une composition +distribution.page.produit.composition.code=Code composition +distribution.page.produit.composition.saisiePar=Saisi(e) par +distribution.page.production=Production +distribution.page.production.information=Information production +distribution.page.production.compositionProduit=Composition du produit +distribution.page.production.numLot=N\u00b0Lot +distribution.page.produit.composition.print=Imprimer la composition +distribution.page.production.print=Imprimer la production +distribution.page.productionSansComposition.print=Imprimer la production sans composition +distribution.buttons.allerProduction=Aller \u00e0 Production +distribution.page.production.ajouterCorespenanceProduit=Ajouter un produit de comosition +distribution.page.production.ajoiterComposition=Ajouter la composition +distribution.page.production.produitFinal=Produit final +distribution.page.production.produitComposition=Produit de composition +distribution.page.production.quantite=Quantit\u00e9 +distribution.page.production.totale=Total +distribution.page.production.typeProduit=Type du produit (Production) +distribution.page.production.ficheTechnique=Fiche technique +distribution.page.production.fiche=Fiche production +distribution.page.production.composition.fiche=Fiche composition +distribution.page.production.produit.fiche=Fiche produit +distribution.page.production.produit.etiquette=Etiquette produit +distribution.page.production.produit.etiquette.nbr =Nombre d'etiquette produit +distribution.page.production.produit.etiquette.generer=G\u00e9n\u00e9rer etiquette +distribution.page.production.ajouterLigne=Ajouter une ligne +distribution.page.production.selectionnerUnComposant=S\u00e9lectionner un composant +distribution.page.production.activitieProduction=Activit\u00e9 production +distribution.page.production.quantiteProuitFinal=Quantit\u00e9 minimal \u00e0 produire +distribution.page.production.QuantiteUnSeulProduitFinal=Quantit\u00e9 pour un seul produit final +distribution.page.production.selectionnerProduitProduction=S\u00e9l\u00e9ctionner un poduit pour la production +distribution.page.production.num=Num\u00e9ro +distribution.page.production.dateProduction=Date de production +distribution.page.production.datePeremption=Date de p\u00e9remption +distribution.page.production.dureeDeVie=Dur\u00e9e de vie (jours) +distribution.page.production.heurProduction=Heure de production +distribution.page.production.produit=Produit +distribution.page.production.nouvelleProduction=Nouvelle production +distribution.page.production.detailsmatierepremiere=D\u00e9tails mati\u00e8res premi\u00e8res +distribution.page.production.produitfini=D\u00e9tails produits fini +distribution.page.production.listeProduction=Liste du production +distribution.page.production.detailProduction=D\u00e9tail production +distribution.page.production.detailConsommation=D\u00e9tail Consommation +distribution.page.production.detailProductionMatierePremiere=D\u00e9tail production mati\u00e8re premi\u00e8re +distribution.page.production.detailProductionProdFini=D\u00e9tail production produit fini +distribution.page.production.listeProduction=Liste des productions +distribution.page.production.supprimer.tout=Supprimer tous les produits +distribution.page.production.consommation=Prod(Consommation) +distribution.page.production.detailProduit=D\u00e9tail produit + +distribution.page.production.noProuction=Aucune production enrgistr\u00e9e +distribution.page.production.nregitrerProuction=Enrgistrer la production +distribution.page.production.quantiteMinimal=Quantit\u00e9 minimal +distribution.page.production.quantiteConsommer=Quantit\u00e9 consomm\u00e9e +distribution.page.produit.consulterproduction=Consulter la production +distribution.page.production.quantiteEnStock=Quantit\u00e9 en stock +distribution.page.production.ajouter=Ajouter une production +distribution.page.produit.description=Description +distribution.page.produit.information=Information +distribution.page.produit.plusdetail=Autres informations +distribution.page.photo.catalogue=Photo +distribution.page.photo.principale=Photo Principale + +distribution.page.client.nbrActif=Nombre de clients actifs +distribution.page.client.nbrNonActif=Nombre de clients inactifs + +distribution.page.credit.totalActif=Total cr\u00e9dit des clients + +distribution.page.categorie.nbrCategorie=Nombre de cat\u00e9gorie clients +distribution.page.typeActivitie.nbrTypeActivitie=Nombre de types activit\u00e9s + +distribution.page.fournisseur.nbrFournisseur=Nombre de fournisseur +distribution.page.fournisseur.totalCredit=Total cr\u00e9dit des fournisseurs + +distribution.page.fournisseur=Fournisseur +distribution.page.fournisseur.all=Tous les fournisseurs +distribution.page.typeEntree.all=Tous les types +distribution.page.camion.all=Tous les commerciaux +distribution.page.client.all=Tous les clients +distribution.page.etablissement.all=Tous les \u00e9tablissements +distribution.page.personnePhysique.all=Toutes les personnes physiques + + +distribution.page.marque.nbrMarque=Nombre de marque +distribution.page.entree.nbrAchat=Nombre d'achat +distribution.page.entree.totalAchat=Total achat +distribution.page.entree.totalAvoir=Total avoir fournisseur +distribution.page.entree.totalImportation=Total imporation +distribution.page.entree.totalApprovisionnement=Total approvisionnement +distribution.page.vente.nbrVente=Nombre de vente +distribution.page.vente.totalVente=Total vente +distribution.page.livraison.totalLivraison=Total livraison +distribution.page.sortie.nbrSortie=Nombre de sortie +distribution.page.sortieAvarie.nbrSortieAvarie=Nombre de sortie avarie +distribution.page.vente.nbrChargement=Nombre de chargement +distribution.page.entree.nbrImportation=Nombre d'importation +distribution.page.entree.nbrAvoir=Nombre d'avoir +distribution.page.famille.nbrFamille=Nombre de famille +distribution.page.inventaire.nbrInventaire=Nombre d'inventaire +distribution.page.inventaire.total=Total Inventaire +distribution.page.sousFamille.nbrSousFamille=Nombre de sous famille +distribution.page.produit.nbrProduit=Nombre de produits +distribution.page.typeClient.nbrTypeClient=Nombre de type de prix +distribution.page.stock.totalStock=Total stock +distribution.page.stock.totalDistribution=Total distribution +distribution.page.stockFinVie.totalStock=Total stock en fin de vie +distribution.page.stockAvarie.totalStock=Total stock avarie +distribution.page.stockFacture.totalStock=Total stock facture +distribution.page.entree.total=Total +distribution.page.vente.total=Total vente +distribution.page.sortie.total=Total sortie +distribution.page.entree.total=Total entr\u00e9e +distribution.page.sortieAvarie.total=Total sortie avarie +distribution.page.chargement.total=Total chargement +distribution.page.retour.total=Total retour +distribution.page.vente.sup.annuler=Annuler vente +distribution.page.vente.sup.impr.ticket=Impr. ticket +distribution.page.vente.sup.impr.bl=Impr. BL +distribution.page.vente.sup.impr.ticket.versement=Verser & Impr. ticket +distribution.page.vente.sup.impr.bl.versement=Verser & Impr. BL +distribution.page.vente.save.exite=Enreg. & sortir + + +distribution.page.retour.nbrRetour=Nombre de retour +distribution.page.bonCommande.nbrBon=Nombre de bon de commande +distribution.page.bonCommande.total=Total des bons de commande +distribution.page.commande.nbrCommande=Nombre de commande +distribution.page.commande.total=Total des commandes +distribution.page.livraison.nbrLivraison=Nombre de livraison +distribution.page.commande.reserver=R\u00e9server les produit de la commande ? +distribution.page.reserver=R\u00e9server +distribution.page.reserver.quantite=R\u00e9server +distribution.page.reserver.annuler=Annuler la r\u00e9servation +distribution.page.verrouillerCommande=Verrouiller la Commande +distribution.page.deverrouillerCommande=D\u00e9verrouiller la Commande + +verrouillerCommande + + +distribution.page.motifSortie.All=Tous les motifs +distribution.page.typeSortie.All=Tous les types +distribution.page.typeDistinataire.All=Tous les types + +distribution.page.deponseCaisse.nbrDepense=Nombre de sortie caisse +distribution.page.versementCaisse.nbrDepense=Nombre d'entr\u00e9e caisse +stock.page.livraison.statutlivraison.list=List des Statuts de livraison +distribution.page.livraison.reserver=R\u00e9server les produit de la livraison ? + +distribution.page.stock.detailProduit=D\u00e9tail des produits +distribution.page.stock.detailProduitStock=D\u00e9tail des produits en stock +distribution.page.stock.detailProduitStock.finVie=D\u00e9tail des produits en fin de vie en stock +distribution.page.detailProduit=D\u00e9tail des produits +distribution.page.etablissement.etablissementReference=Etablissement r\u00e9f\u00e9rence +distribution.page.etablissement.typeAffichage=Type d'affichage facture +distribution.page.etablissement.produitReference=Les produits de l'\u00e9tablissement +distribution.page.stock.detailProduit.etablissement=D\u00e9tail des produits par \u00e9tablissement +stock.page.inventaire.newValeur =Nouvelle valeur du stock +stock.page.inventaire.oldValeur =Ancienne valeur du stock +stock.page.inventaire.ecart =Total \u00e9cart +distribution.page.detailProduit.etablissement=D\u00e9tail des produits par \u00e9tablissement +distribution.page.etablissement.reserver=R\u00e9server la quantit\u00e9 des commandes ? +distribution.page.etablissement.affectationAuto=Affecter automatiquement les demandes de pr\u00e9paration ? +distribution.page.etablissement.affichageProduitDistAvecReferance=Affichage nom produit distribution + +stock.page.totalQauntite =Total quantit\u00e9 + +stock.page.factureAvoir= Facture d'avoir +stock.page.factureAvoir.print=Imprimer Facture d'Avoir +stock.page.factureAvoir.client.ajouter=Ajouter une facture d'avoir +stock.page.factureAvoir.document=Document +stock.page.factureAvoir.ajouter=Ajouter une facture d'avoir +stock.page.factureAvoir.ajouter.oldVente=Facturer les anciennes retours +stock.page.factureAvoir.modifier=Modifier +stock.page.factureAvoir.list=Liste des factures d'avoir +stock.page.factureAvoir.list.telecherger.all=T\u00e9l\u00e9charger toutes les factures d'avoir +stock.page.factureAvoir.list.telecherger=T\u00e9l\u00e9charger +stock.page.factureAvoir.detail.message.non=Pas de d\u00e9tail enregistr\u00e9 ! +stock.page.factureAvoir.liste.message.non=Pas de facture enregistr\u00e9 ! +stock.page.factureAvoir.date=Date +stock.page.factureAvoir.heur=Heure +stock.page.factureAvoir.totalHT=Total HT +stock.page.factureAvoir.remise=Remise +stock.page.factureAvoir.remise.produit=Remise produit +stock.page.factureAvoir.total=Total +stock.page.factureAvoir.total.ttc=Total TTC +stock.page.factureAvoir.Timbre=Timbre +stock.page.factureAvoir.saisiePar=Saisi(e) par +stock.page.factureAvoir.tva=TVA +stock.page.factureAvoir.nFacture=N\u00b0 Facture d'avoir +stock.page.factureAvoir.nCommande=N\u00b0 Commande +stock.page.factureAvoir.nbl=N\u00b0 bon de retour +stock.page.factureAvoir.nbl.avecfacture=Avec facture d'avoir +stock.page.factureAvoir.bl=Bon de retour +stock.page.factureAvoir.facture=Facture d'avoir +stock.page.factureAvoir.facture.generer=G\u00e9n\u00e9rer facture d'avoir +stock.page.factureAvoir.cammande=Commande +stock.page.factureAvoir.supprimer.tout=Supprimer tous les produits +stock.page.factureAvoir.typesaisie=Type de saisie +stock.page.factureAvoir.document=Document +stock.page.factureAvoir.document.list=Liste des documents +stock.page.factureAvoir.document.ajouter=Ajouter un document +stock.page.factureAvoir.document.telecharger=T\u00e9l\u00e9charger +stock.page.factureAvoir.document.supprimer=Supprimer +stock.page.factureAvoir.destinataire=Type destinataire +stock.page.factureAvoir.typereglement=Type de r\u00e8glement +stock.page.factureAvoir.modereglement=Mode de r\u00e8glement +stock.page.factureAvoir.Quantite.Demande.Stock=Qt\u00e9 Demand\u00e9e +stock.page.factureAvoir.livraisonVente.ajouter=Ajouter +stock.page.factureAvoir.Quantite.Demande.Distribution=Qt\u00e9 Demand\u00e9e en Distribution +stock.page.factureAvoir.quantite=Quantit\u00e9 + +distribution.page.versement.bon=Bon de versement +distribution.page.versement.camion.ajouter=Ajouter un versement commercial + +stock.page.genererRapport.rapport=Rapport + + + +distribution.page.motifRetourFournisseur=Motif de retour +distribution.page.motifRetourFournisseur.list=Liste des motifs de retour +distribution.page.motifRetourFournisseur.nom=motifs +distribution.page.motifRetourFournisseur.description=Description +distribution.page.motifRetourFournisseur.consulter=Consulter le motif de retour + +distribution.page.motifSortie.liste.message.non=pas de motif de sortie enregistr\u00e9! + +distribution.page.motifRetourFournisseur.liste.message.non=pas de motif de sortie enregistr\u00e9! + + + +stock.page.inventaire.avarie=Inventaire Avarie +stock.page.inventaire.avarie.ajouter=Ajouter un inventaire avarie +stock.page.inventaire.avarie.modifier=Modifier +stock.page.inventaire.avarie=Inventaire Avarie +stock.page.inventaire.avarie.list=Liste des inventaires avaries +stock.page.inventaire.avarie.liste.message.non=Pas d'inventaires enregistr\u00e9 ! +stock.page.inventaire.avarie.date=Date +stock.page.inventaire.avarie.heur=Heure +stock.page.inventaire.avarie.total=Total +stock.page.inventaire.avarie.saisiePar=Saisi(e) par +stock.page.inventaire.avarie.tva=TVA +stock.page.inventaire.avarie.nFacture=N\u00b0 Facture +stock.page.inventaire.avarie.nCommande=N\u00b0 Commande +stock.page.inventaire.avarie.nbl=N\u00b0 bon de livraison +stock.page.inventaire.avarie.nbl.avecfacture=BL avec facture +stock.page.inventaire.avarie.bl=Bon de livraison +stock.page.inventaire.avarie.facture=Facture +stock.page.inventaire.avarie.cammande=Commande +stock.page.inventaire.avarie.supprimer.tout=Supprimer tous les produits +stock.page.inventaire.avarie.typesaisie=Type de saisie +stock.page.inventaire.avarie.document=Document +stock.page.inventaire.avarie.document.list=Liste des documents +stock.page.inventaire.avarie.document.ajouter=Ajouter un document +stock.page.inventaire.avarie.document.telecharger=T\u00e9l\u00e9charger +stock.page.inventaire.avarie.document.supprimer=Supprimer +stock.page.inventaire.avarie.bon=Bon d'inventaire avarie + +distribution.page.inventaire.avarie=Inventaire Avarie +distribution.page.inventaire.avarie.list=Liste des inventaires avaries +distribution.page.inventaire.avarie.id=Identifiant +distribution.page.inventaire.avarie.saisiePar=Saisi(e) par +distribution.page.inventaire.avarie.date=Date +distribution.page.inventaire.avarie.heur=Heure +distribution.page.inventaire.avarie.ajouter=Ajouter +distribution.page.inventaire.avarie.modifier=Modifier +distribution.page.inventaire.avarie.consulter=Consulter +distribution.page.inventaire.avarie.info=Information sur l'inventaire avarie +distribution.page.inventaire.avarie.list.message.non=Pas d'inventaire enregistr\u00e9e ! +distribution.page.inventaire.avarie.consulter.message=Consulter les informations de l'inventaire +distribution.page.inventaire.avarie.oldQuantite=Ancienne Quantit\u00e9 +distribution.page.inventaire.avarie.newQuantite=Nouvelle Quantit\u00e9 +distribution.page.inventaire.avarie.ajouterLigne=Ajouter ligne +stock.page.inventaire.avarie.newValeur =Nouvelle valeur du stock +stock.page.inventaire.avarie.oldValeur =Ancienne valeur du stock +stock.page.inventaire.avarie.ecart =Total \u00e9cart + +distribution.page.inventaire.avarie.nbrInventaire Avarie=Nombre d'inventaire avarie +distribution.page.inventaire.avarie.total=Total Inventaire Avarie + + +stock.page.inventaire.facture=Inventaire Facture +stock.page.inventaire.facture.ajouter=Ajouter un inventaire facture +stock.page.inventaire.facture.modifier=Modifier +stock.page.inventaire.facture=Inventaire Facture +stock.page.inventaire.facture.list=Liste des inventaires factures +stock.page.inventaire.facture.liste.message.non=Pas d'inventaires enregistr\u00e9 ! +stock.page.inventaire.facture.date=Date +stock.page.inventaire.facture.heur=Heure +stock.page.inventaire.facture.total=Total +stock.page.inventaire.facture.saisiePar=Saisi(e) par +stock.page.inventaire.facture.tva=TVA +stock.page.inventaire.facture.nFacture=N\u00b0 Facture +stock.page.inventaire.facture.nCommande=N\u00b0 Commande +stock.page.inventaire.facture.nbl=N\u00b0 bon de livraison +stock.page.inventaire.facture.nbl.avecfacture=BL avec facture +stock.page.inventaire.facture.bl=Bon de livraison +stock.page.inventaire.facture.facture=Facture +stock.page.inventaire.facture.cammande=Commande +stock.page.inventaire.facture.supprimer.tout=Supprimer tous les produits +stock.page.inventaire.facture.typesaisie=Type de saisie +stock.page.inventaire.facture.document=Document +stock.page.inventaire.facture.document.list=Liste des documents +stock.page.inventaire.facture.document.ajouter=Ajouter un document +stock.page.inventaire.facture.document.telecharger=T\u00e9l\u00e9charger +stock.page.inventaire.facture.document.supprimer=Supprimer +stock.page.inventaire.facture.bon=Bon d'inventaire facture + +distribution.page.inventaire.facture=Inventaire Facture +distribution.page.inventaire.facture.list=Liste des inventaires facture +distribution.page.inventaire.facture.id=Identifiant +distribution.page.inventaire.facture.saisiePar=Saisi(e) par +distribution.page.inventaire.facture.date=Date +distribution.page.inventaire.facture.heur=Heure +distribution.page.inventaire.facture.ajouter=Ajouter +distribution.page.inventaire.facture.modifier=Modifier +distribution.page.inventaire.facture.consulter=Consulter +distribution.page.inventaire.facture.info=Information sur l'inventaire facture +distribution.page.inventaire.facture.list.message.non=Pas d'inventaire enregistr\u00e9e ! +distribution.page.inventaire.facture.consulter.message=Consulter les informations de l'inventaire +distribution.page.inventaire.facture.oldQuantite=Ancienne Quantit\u00e9 +distribution.page.inventaire.facture.newQuantite=Nouvelle Quantit\u00e9 +distribution.page.inventaire.facture.ajouterLigne=Ajouter ligne +stock.page.inventaire.facture.newValeur =Nouvelle valeur du stock +stock.page.inventaire.facture.oldValeur =Ancienne valeur du stock +stock.page.inventaire.facture.ecart =Total \u00e9cart + +distribution.page.inventaire.facture.nbrInventaire Facture=Nombre d'inventaire facture +distribution.page.inventaire.facture.total=Total Inventaire Facture + +stock.page.chargement=Chargement +stock.page.chargement.factureRoute=Facture De Route +stock.page.chargement.typeClientFacture=Type Client A Facture + +stock.page.chargement.profilefacture=profile Facture +stock.page.chargement.client.ajouter=Ajouter une chargement client +stock.page.chargement.camion.ajouter=Ajouter un chargement commercial +stock.page.chargement.etablissement.ajouter=Ajouter un transfert depot +stock.page.chargement.ajouter=Ajouter une chargement +stock.page.chargement.modifier=Modifier +stock.page.chargement.list=Liste des chargements +stock.page.chargement.nonvalider=Liste des chargements non valid\u00e9s +stock.page.chargement.liste.message.non=Pas de chargements enregistr\u00e9 ! +stock.page.chargement.date=Date +stock.page.chargement.heur=Heure +stock.page.chargement.totalHT=Total HT +stock.page.chargement.remise=Remise +stock.page.chargement.remise.produit=Remise produit +stock.page.chargement.total=Total +stock.page.chargement.total.ttc=Total TTC +stock.page.chargement.Timbre=Timbre +stock.page.chargement.saisiePar=Saisi(e) par +stock.page.chargement.tva=TVA +stock.page.chargement.nFacture=N\u00b0 Facture +stock.page.chargement.nCommande=N\u00b0 Commande +stock.page.chargement.nbl=N\u00b0 bon de livraison +stock.page.chargement.nbl.avecfacture=Avec facture +stock.page.chargement.bl=Bon de livraison +stock.page.chargement.facture=Facture +stock.page.chargement.facture.generer=G\u00e9n\u00e9rer facture +stock.page.chargement.cammande=Commande +stock.page.chargement.supprimer.tout=Supprimer tous les produits +stock.page.chargement.typesaisie=Type de saisie +stock.page.chargement.typesaisie.quantite=Type de saisie quantit\u00e9 +stock.page.chargement.document=Document +stock.page.chargement.document.list=Liste des documents +stock.page.chargement.document.ajouter=Ajouter un document +stock.page.chargement.document.telecharger=T\u00e9l\u00e9charger +stock.page.chargement.document.supprimer=Supprimer +stock.page.chargement.destinataire=Type destinataire +stock.page.chargement.typereglement=Type de r\u00e8glement +stock.page.chargement.modereglement=Mode de r\u00e8glement +stock.page.chargement.valider=Chargement valid\u00e9 +stock.page.chargement.valider.par=Valider par +stock.page.chargement.facture.generer=G\u00e9n\u00e9rer Facture +stock.page.chargement.appliquertva=Appliquer TVA +stock.page.chargement.valeurTva=Valeur TVA + +stock.page.transfert=Transfert +stock.page.transfert.factureRoute=Facture De Route +stock.page.transfert.typeClientFacture=Type Client A Facture + +stock.page.transfert.profilefacture=profile Facture +stock.page.transfert.client.ajouter=Ajouter une transfert client +stock.page.transfert.camion.ajouter=Ajouter un chargement commercial +stock.page.transfert.etablissement.ajouter=Ajouter un transfert depot +stock.page.transfert.ajouter=Ajouter un transfert +stock.page.transfert.production=Transf\u00e9rer la production +stock.page.transfert.modifier=Modifier +stock.page.transfert.list=Liste des transferts +stock.page.transfert.nonvalider=Liste des transferts non valid\u00e9s +stock.page.transfert.liste.message.non=Pas de transferts enregistr\u00e9 ! +stock.page.transfert.date=Date +stock.page.transfert.heur=Heure +stock.page.transfert.totalHT=Total HT +stock.page.transfert.remise=Remise +stock.page.transfert.remise.produit=Remise produit +stock.page.transfert.total=Total +stock.page.transfert.total.ttc=Total TTC +stock.page.transfert.Timbre=Timbre +stock.page.transfert.saisiePar=Saisi(e) par +stock.page.transfert.tva=TVA +stock.page.transfert.nFacture=N\u00b0 Facture +stock.page.transfert.nCommande=N\u00b0 Commande +stock.page.transfert.nbl=N\u00b0 bon de livraison +stock.page.transfert.nbl.avecfacture=Avec facture +stock.page.transfert.bl=Bon de livraison +stock.page.transfert.facture=Facture +stock.page.transfert.facture.generer=G\u00e9n\u00e9rer facture +stock.page.transfert.cammande=Commande +stock.page.transfert.supprimer.tout=Supprimer tous les produits +stock.page.transfert.typesaisie=Type de saisie +stock.page.transfert.typesaisie.quantite=Type de saisie quantit\u00e9 +stock.page.transfert.document=Document +stock.page.transfert.document.list=Liste des documents +stock.page.transfert.document.ajouter=Ajouter un document +stock.page.transfert.document.telecharger=T\u00e9l\u00e9charger +stock.page.transfert.document.supprimer=Supprimer +stock.page.transfert.destinataire=Type destinataire +stock.page.transfert.typereglement=Type de r\u00e8glement +stock.page.transfert.modereglement=Mode de r\u00e8glement +stock.page.transfert.valider=Transfert valid\u00e9 +stock.page.transfert.valider.par=Valider par +stock.page.transfert.facture.generer=G\u00e9n\u00e9rer Facture +stock.page.transfert.appliquertva=Appliquer TVA + + +stock.page.facture.supprimer.msg=Voulez vous vraiment supprimer cette facture !! +stock.page.facture.supprimerFacture=Supprimer facture + + +distribution.page.actualiser=Actualiser +distribution.page.reset=Reset + + +stock.page.devise=Devise +stock.page.devise.nom=Nom de la devise +stock.page.devise.valeur=Valeur de la devise +stock.page.devise.list=Lists des devises +stock.page.devise.liste.message.non=Pas de devise enregistr\u00e9e ! + +stock.page.numero.bon=N\u00b0 Bon +stock.page.remove=Supprimer +stock.page.remove.msg=Voulez vous vraiment Supprimer ? +stock.page.vente.dateEcheance=Date d'\u00e9ch\u00e9ance +stock.page.remove.fonctionnement=Pour supprimer il faut vider tout le contenu du bon + +distribution.page.fournisseur.retourProduit=Quantit\u00e9 de produits retourn\u00e9es au fournisseur + +distribution.page.entree.sortieAssocier=Sortie magasin associ\u00e9 +distribution.page.entree.sortieAvarieAssocier=Sortie avarie associ\u00e9 + +distribution.page.versement.blAssocier=BL associ\u00e9s + +stock.page.entree=Entr\u00e9e +stock.page.vente=Vente +stock.page.stock.debutJournee=Stock d\u00e9but de journ\u00e9e + +distribution.page.produit.quantite.finJournee=Quantit\u00e9 fin de journ\u00e9e +distribution.page.produit.quantite.finJournee.piece=Quantit\u00e9 fin de journ\u00e9e en pi\u00e8ce +stock.page.vente.total.resteAVerser=Reste \u00e0 verser +distribution.page.versement.totalVerse=Total vers\u00e9 +distribution.page.produit.prixAcha.ttc=Prix achat ttc + +distribution.page.supprimer.image=Supprimer image + +distribution.page.client.sold.modifier=Modifier cr\u00e9dit client +distribution.page.etablissement.entetBl=BL avec ent\u00eate ? + + +stock.page.client.proche=Client plus proche +distribution.page.client.fusionner=Fusionner +distribution.page.client.corection.modifier=Modifier l'ancienne correction + +distribution.page.client.detail.produit=D\u00e9tail produit par client +distribution.page.client.detail.produit.date=Par date +distribution.page.client.detail.produit.date.bon=Par Bon par date +stock.page.retourProduit.bon.valoriser=Bon de retour valoris\u00e9 + +stock.reductionsold.fournisseur.list=liste des ristournes fournisseur +stock.reductionsold.fournisseur.message.non=Pas de ristourne fournisseur enregistr\u00e9 ! +stock.reductionsold.fournisseur=Ristourne fournisseur +stock.reductionsold.fournisseur.date=Date +stock.reductionsold.fournisseur.heur=Heure +stock.reductionsold.fournisseur.saisiePar=Saisi(e) par +stock.reductionsold.fournisseur.montant=Montant de la ristourne +stock.reductionsold.fournisseur.add=Ajouter une ristourne fournisseur +stock.reductionsold.fournisseur.observation=Observation +stock.reductionsold.fournisseur.tva=TVA +stock.reductionsold.fournisseur.Remisetva=Remise TVA +stock.reductionsold.fournisseur.remiseTTC=Remise TTC +stock.reductionsold.fournisseur.Bon=Bon de ristourne fournisseur +stock.reductionsold.fournisseur.Facture=Facture de ristourne fournisseur +stock.reductionsold.fournisseur.copierinfor=Copier informations + +stock.reductionsold.client.list=liste des ristournes client +stock.reductionsold.client.message.non=Pas de ristourne client enregistr\u00e9 ! +stock.reductionsold.client=Ristourne client +stock.reductionsold.client.date=Date +stock.reductionsold.client.heur=Heure +stock.reductionsold.client.saisiePar=Saisi(e) par +stock.reductionsold.client.montant=Montant de la ristourne +stock.reductionsold.client.add=Ajouter une ristourne client +stock.reductionsold.client.observation=Observation +stock.reductionsold.client.tva=TVA +stock.reductionsold.client.Remisetva=Remise TVA +stock.reductionsold.client.remiseTTC=Remise TTC +stock.reductionsold.client.Bon=Bon de ristourne +stock.reductionsold.client.Facture=Facture de ristourne +stock.transaction=Transaction + +stock.transaction.total=Total Transactions + + +distribution.page.client.transaction.detail=D\u00e9tail transaction client +distribution.page.client.transaction.produit=Par produit par date +distribution.page.client.transaction.produit.transaction=Par produit par transaction +distribution.page.client.transaction.transaction.produit=Par transaction par produit + +stock.detail.produit.fournisseur=D\u00e9tail produit par fournisseur +stock.stockStockMagasin.fichierExcel.suiveStockDepot=Suive stock d\u00e9pot + +distribution.page.client.etatVente=Etat des ventes +distribution.page.client.etatVente.totalVente=Total vente +distribution.page.client.etatVente.totalVersement=Total versement +distribution.page.client.etatVente.totalRecouvrement=Total recouvrement +distribution.page.personnePhysique.listeActif=Liste du personnels actifs +distribution.page.personnePhysique.listeNonActif=Liste du personnels non actifs + +distribution.page.personnePhysique.date.debut=Date de d\u00e9but de service +distribution.page.personnePhysique.date.fin=Date de fin de service +distribution.page.statuLivraison=Statut de livraison +stock.page.echange.list=Liste des \u00e9changes +stock.page.echange.ajouter=Ajouter un \u00e9change +stock.page.echange=Echange marchandise + + +stock.cloture.annee=Cl\u00f4turer l\u2019ann\u00e9e +stock.cloture.module=Module +stock.cloture.etat=Etat +stock.cloture.cloturer=Cl\u00f4tur\u00e9e +stock.cloture.cloturer.non=Non cl\u00f4tur\u00e9e +stock.cloture.cloturer.tout=Tout cl\u00f4tur\u00e9 +stock.cloture.cloturer.date=Date de cl\u00f4ture +stock.cloture.cloturer.user=Cl\u00f4tur\u00e9 par +stock.page.echange=Echange + +distribution.page.Echeance.liste=Liste des \u00e9cheances +distribution.page.Echeance.listeEcheanceVente=Liste des \u00e9ch\u00e9ances clients +distribution.page.Echeance.listeEcheanceEntree=Liste des \u00e9ch\u00e9ances fournisseurs +distribution.page.Echeance.listVenteEcheance=Liste des ventes \u00e9ch\u00e9anc\u00e9s +distribution.page.Echeance.listLivraisonEcheance=Liste des livraisons \u00e9ch\u00e9anc\u00e9es + +distribution.page.accueil=Accueil +distribution.page.accueil.alerte=Accueil liste des alertes +distribution.page.accueil.alerteStockMin=Alerte stock minimum +distribution.page.accueil.alertefindvie=Alerte stock fin de vie +distribution.page.accueil.alerteEcheanceClient=Alerte liste d'\u00e9ch\u00e9ances clients +distribution.page.accueil.alerteEcheanceEntree=Alerte liste d'\u00e9ch\u00e9ances fournisseurs + +stock.page.dateAlert=Nombre de jours jusqu'a date d'\u00e9cheance + + +distribution.page.livraison.detail=D\u00e9tail livraison +distribution.page.detailProduit.client=D\u00e9tail des produits par client +stock.page.edition.prix.print.catalogue=Imprimer catalogue +stock.page.listeProduitAfacturer=D\u00e9tail des produits \u00e0 facturer +stock.page.qteFacturer=Quantit\u00e9 factur\u00e9e +stock.page.qteVendu=Quantit\u00e9 Vendue +stock.page.qteNonFacturer=Quantit\u00e9 reste \u00e0 facturer + + +distribution.page.etatJournalier.nbrEcheanceEntree=Nombre d'\u00e9ch\u00e9ances fournisseurs +distribution.page.etatJournalier.totalEcheanceEntree=Total \u00e9ch\u00e9ances fournisseurs + +distribution.page.etatJournalier.nbrEcheanceVente=Nombre d'\u00e9ch\u00e9ances clients +distribution.page.etatJournalier.totalEcheanceVente=Total d'\u00e9ch\u00e9ances clients + +distribution.page.etatJournalier.nbrProduitEnFinDeVie=Nombre des produits en fin de vie +distribution.page.etatJournalier.totalProduitEnFinDeVie=Total des produits en fin de vie + +distribution.page.etatJournalier.nbrProduitStockMin=Nombre des produits en stock minimum +distribution.page.etatJournalier.totalProduitStockMin=Total des produits en stock minimum +distribution.page.stock.global=Stock global des produits +distribution.page.stock.globalproduit=Stock global de produit +distribution.page.stock.stockproduitparCamion=Stock produit par camion +distribution.page.stock.globalStockCamion=Stock global des camion +distribution.page.stock.globalToatl=Total stock + +distribution.page.historiqueStockDistribution=Historique activit\u00e9s vente Stock et Distribution +distribution.page.historiqueStockDistribution.detail=Detail historique activit\u00e9s vente Stock et Distribution +distribution.page.historiqueStockDistribution.detail.nom=Detail historique +distribution.page.vente.historiqueStockDistribution.message.non=Aucun historique trouv\u00e9 +stock.page.histoique.typeActivit\u00e9Vente=Type de transaction +stock.page.histoique.typeActiviteVente=Type de transaction +stock.page.histoique.Camion=Code Commercial +stock.page.histoique.vendeur=Commercial +stock.page.histoique.livreur.code=Code livreur +stock.page.histoique.livreur=Livreur +stock.page.histoique.evaluation=Evaluation distance +stock.page.histoique.operation=Op. +distribution.authentification.confirmer=Confirmer Par Codabarre +distribution.page.vente.total.Benifice=B\u00e9n\u00e9fice +distribution.page.vente.total.Perte=Perte +stock.page.histoique.ClientDistribution=Client distribution +stock.page.DetailProduitQteStock=Quantit\u00e9 stock +stock.page.DetailProduitQteDistribution=Quantit\u00e9 distribution +distribution.page.DetailhistoriqueStockDistribution=Liste d\u00e9tail Produits +distribution.page.historiqueStockDistributionQteVenteStock=Quantit\u00e9 vente stock +distribution.page.historiqueStockDistributionQteVenteDist=Quantit\u00e9 vente distribution +distribution.page.historiqueStockDistributionQteLivraison=Quantit\u00e9 livraison +distribution.page.historiqueStockDistributionProduit=Produit distribution +distribution.page.vehicule=Vehicule +distribution.page.vehicule.livreur=Livrer par +distribution.page.vehicule.all=Tous les Vehicules +stock.page.DetailProduitQteDistribution=Quantit\u00e9 distribution +stock.page.DetailProduitTotalValeur=Total valeur +distribution.page.DetailhistoriqueStockDistribution=Liste d\u00e9tail Produits +distribution.page.historiqueStockDistributionQteVenteStock=Quantit\u00e9 vente stock +distribution.page.historiqueStockDistributionQteVenteDist=Quantit\u00e9 vente distribution +distribution.page.historiqueStockDistributionQteLivraison=Quantit\u00e9 livraison +distribution.page.historiqueStockDistributionProduit=Produit distribution +distribution.page.vehicule=Vehicule +stock.page.DetailProduitQteDistribution=Quantit\u00e9 distribution +stock.page.DetailProduitTotalValeur=Total valeur +stock.page.vente.distribution=vente DD +distribution.page.stock.retour.stock=Retour S +distribution.page.stock.retour.distribution=Retour D +stock.page.venteSuperette.versement.distribution=Versement D +distribution.page.depanses.depense.stock=Rembourcement S +distribution.page.depanses.depense.distribution=Rembourcement D +distribution.page.stock.globalInverser=Inverser l'affichage +stock.page.achat.facturer=Facture d'achat +stock.page.vente.prixClient=Prix conseill\u00e9 +distribution.page.depanses.depense.distribution=Rembourcement D +stock.page.achat.facturer.liste=Liste des factures d'achat + + +distribution.page.selectionner.all.ajouter=Ajouter tous +distribution.page.selectionner.all.moifier=Modifier tous +distribution.page.selectionner.all.modifierPrix=Modifier le prix tous +distribution.page.selectionner.all.modifierLaDate=Modifier la date tous +distribution.page.selectionner.all.voirBenefice=Voir b\u00e9n\u00e9fice tous +distribution.page.selectionner.all.supprimer=Supprimer tous +distribution.page.depanses.depense.distribution=Rembourcement D + +distribution.page.use.distribution=Utilise la distribution +stock.page.configuration=Configuration +stock.page.configuration.init=Configuration initial +stock.page.configuration.verification=Verification d'information +stock.page.configuration.etablissement.copie=Copier la configuration a partir de l'etablissement +stock.page.configuration.etablissement.verification=V\u00e9rification +stock.page.configuration.copier.de=Copier de +stock.page.configuration.copier.vers=Vers +stock.page.configuration.copier.creerCorrespondance=Copier / Cr\u00e9er le correpondance +stock.page.suivant=Suivant +stock.page.terminer=Terminer +stock.page.precedant=Precedant +stock.page.configuration.produit.supprimer.tout=Supprimer tous les produits +stock.page.configuration.client.supprimer.tout=Supprimer tous les clients +distribution.page.configuration.msg.confiramtion=Confiramtion +distribution.page.configuration.msg.fin=Fin de la configuration ! +distribution.page.selectionner.all=S\u00e9lectionner tous + +distribution.page.preparateur=Pr\u00e9parateur +distribution.page.preparateur.liste=liste des pr\u00e9parateur +distribution.page.preparateur.liste.actif=Liste des pr\u00e9parateurs actifs +distribution.page.preparateur.liste.nonActif=Liste des pr\u00e9parateurs non actifs +distribution.page.depanses.depense.distribution=Rembourcement D +distribution.page.stock.globalInverser=Inverser l'affichage +stock.page.achat.facturer=facture d'achat +stock.page.vente.prixClient=Prix conseill\u00e9 +distribution.page.depanses.depense.distribution=Rembourcement D + +distribution.page.preparation=Pr\u00e9paration +distribution.page.preparation.affecter=Affecter +distribution.page.preparation.annuler=Annuler la pr\u00e9paration +distribution.page.preparation.bon=Bon +distribution.page.preparation.date.affectation=Date d'affectation +distribution.page.preparation.heur.affectation=Heure d'affectation +distribution.page.preparation.date.validation=Date de validation +distribution.page.preparation.heur.validation=Heure de validation +distribution.page.preparation.statut=Statut de pr\u00e9paration +distribution.page.preparation.list=Liste des pr\u00e9parations +distribution.page.preparation.mes=Mes pr\u00e9parations +distribution.page.preparation.list.nonAffecter=Liste des pr\u00e9parations non affect\u00e9es +distribution.page.preparation.demander=Demander sa pr\u00e9paration ? +distribution.page.preparation.programme=Programme des pr\u00e9parations +distribution.page.preparation.commande.nbr=Nombre de bons reste \u00e0 pr\u00e9parer +distribution.page.preparation.liste.message.non=Pas de preparation enregistr\u00e9e ! +distribution.page.preparation.quantite.vendu=Quantit\u00e9 vendue +distribution.page.preparation.suspendre=Suspendre +distribution.page.preparation.suspendru=Suspendru +distribution.page.preparation.demarrer.preparation=D\u00e9marrer la preparation +distribution.page.preparation.historique=Historique +distribution.page.preparation.historique.action=Action +distribution.page.preparation.historique.motif=Motif + + +distribution.page.selectionner.all.ajouter=Ajouter tous +distribution.page.selectionner.all.moifier=Modifier tous +distribution.page.selectionner.all.modifierPrix=Modifier le prix tous +distribution.page.selectionner.all.modifierLaDate=Modifier la date tous +distribution.page.selectionner.all.voirBenefice=Voir b\u00e9n\u00e9fice tous +distribution.page.selectionner.all.supprimer=Supprimer tous||||||| .r248 +distribution.page.depanses.depense.distribution=Rembourcement D + +distribution.page.use.distribution=Utilise la distribution +stock.page.configuration=Configuration +stock.page.configuration.init=Configuration initial +stock.page.configuration.etablissement.copie=Copier la configuration a partir de l'etablissement +stock.page.configuration.etablissement.verification=V\u00e9rification +stock.page.configuration.copier.de=Copier de +stock.page.configuration.copier.vers=Vers +stock.page.suivant=Suivant +stock.page.terminer=Terminer +stock.page.precedant=Precedant +stock.page.configuration.produit.supprimer.tout=Supprimer tous les produits +stock.page.configuration.client.supprimer.tout=Supprimer tous les clients +distribution.page.configuration.msg.confiramtion=Confiramtion +distribution.page.configuration.msg.fin=Fin de la configuration ! +stock.page.Factureachat.ajouter=Ajouter un facture d'achat +distribution.page.preparateur.liste=Liste des pr\u00e9parateurs +distribution.page.preparateur.liste.actif=Pr\u00e9parateur actif +distribution.page.preparateur.liste.nonActif=Pr\u00e9parateur inactif +distribution.page.preparateur.liste.etat=Etat +distribution.page.preparateur.liste.message.non=Pas de preparateur enregistr\u00e9 ! + +distribution.page.quantite.total.Allouer=Total Allouer +stock.page.production.avecfacture=Avec facture +stock.page.facture.etat104=Liste \u00e9tat 104 +distribution.page.stock.etat.stockSousFamille=Etat du stock sous famille + +stock.page.quantite.stock.vendu=Qt\u00e9 Vendue + + +distribution.page.production.recalculer.quantite=Recalculer quantit\u00e9 + +stock.page.achat.download.model.sans.lot=T\u00e9l\u00e9charger le mod\u00e8le Excel sans LOT +stock.page.achat.download.model.produit.sans.lot=T\u00e9l\u00e9charger le mod\u00e8le Excel avec produit sans LOT +stock.page.achat.download.model.produit.lot=T\u00e9l\u00e9charger le mod\u00e8le Excel avec produit & LOT +stock.page.achat.download.model.lot=T\u00e9l\u00e9charger le mod\u00e8le Excel avec LOT +stock.page.achat.upload.model=Charger le fichier Excel +stock.page.produit.download.model=T\u00e9l\u00e9charger le mod\u00e8le Excel +stock.page.achat.read.model=Lire +stock.page.achat.model.lire=Lire fichier Excel +stock.page.achat.model.dl=T\u00e9l\u00e9charger le fichier charg\u00e9 +stock.page.achat.model.dl.error=T\u00e9l\u00e9charger le fichier d'erreur +stock.page.achat.model.dl.totalLigne=Nombre total des lignes trait\u00e9es +stock.page.achat.model.dl.totalLigne.success=Nombre total des lignes correctes +stock.page.achat.model.dl.totalLigne.error=Nombre total des lignes erron\u00e9es + +stock.page.vente.total.poid.camion=Poids camion + +distribution.page.client.etatVente.detail=Etat des ventes d\u00e9taill\u00e9es +distribution.page.client.etatVente.solde.debut.journee=Solde d\u00e9but de journ\u00e9e +distribution.page.client.etatVente.solde.fin.journee=Solde fin de journ\u00e9e +distribution.page.client.etatVente.retour.produit.client=Retour produit client +distribution.page.client.etatVente.totalLivraison=Total Livraison +distribution.page.client.etatVente.totalRemboursement=Total Remboursement + +distribution.page.etablissement.intercalairedetault=Utilise intercalaire +distribution.page.etablissement.nbrintercalaire=Nombre d'intercalaire +stock.page.achat.total.ttcconsigne=Total TTC avec consigne +stock.page.quantite.Deposer=Qt\u00e9 Sortie +stock.page.quantite.Retourner=Qt\u00e9 Entr\u00e9e +stock.page.vente.total.consigne=Total consigne +stock.page.colis.information=Information additionnelle +stock.page.colis.liste=Listes des colis r\u00e9cup\u00e9rer +stock.page.colis=Colis recuper\u00e9 +stock.page.recuperercolis=R\u00e9cup\u00e9rer colis +stock.page.colis.commande=Consulter commande +stock.page.colis.entree=Consulter entr\u00e9e stock +stock.page.ajoutercolis=cr\u00e9e un Nouveau colis +stock.page.colis.referenceColis=R\u00e9f\u00e9rence colis +stock.page.colis.fraisLivraison=Frais de livraison +stock.page.colis.total.frais=Total avec frais de livraison +stock.page.colis.annuler=Annuler Colis +stock.page.wilaya=Wilaya +stock.page.wilaya.liste=Liste des Wilaya +stock.page.wilaya.code=Code wilaya +stock.page.wilaya.nom=Nom wilaya +stock.page.wilaya.modifierwilaya=Modifier wilaya +stock.page.commune.ajouterwilaya=Ajouter wilaya +stock.page.commune=Commune +stock.page.commune.liste=Liste des communes +stock.page.commune.code=Code commune +stock.page.commune.nom=Nom commune +stock.page.commune.positionX=Position X +stock.page.commune.positionY=Position Y +stock.page.commune.modifiercommune=Modifier commune +stock.page.commune.ajoutercommune=Ajouter une commune +distribution.page.bl.distribution=BL distribution +stock.page.bl.distribution.list=Liste des BL distribution +stock.page.bl.distribution.ajouter=Ajouter BL distribution +distribution.page.bl.consulterbl=Consulter un BL distribution +distribution.page.listeCamion=Liste des camions +stock.page.camion.liste.message.non= Aucun camion enregistr\u00e9 +stock.page.camion.ajouter.produit.camion= Ajouter les produits +stock.page.camion.ajouter.camion.produit= Ajouter camion +stock.page.vente.bl.creditClient=Cr\u00e9dit client +distribution.page.client.codeClientUsine=Code d'usine du client +stock.page.commande.client.ajouterChargementXLS=Ajouter commande client EXCEL +stock.page.commande.nbr=Nombre restant des commandes : +distribution.page.produit.ajoutertousproduit=Ajouter tous les produits +distribution.page.produit.codebarreProduit.generer=G\u00e9n\u00e9rer code barre produit +distribution.page.client.change=Choisissez quoi changer +distribution.page.client.change.modifier=Modifier clients +distribution.page.produit.change.modifier=Modifier produits +distribution.page.produit.nbrLot=Nombre de lot +distribution.page.client.change.modifier=Modifier clients +distribution.page.location.listeClient=Stock emballage client +distribution.page.location.listeFournisseur=Stock emballage fournisseur +distribution.page.fonctionGroup.canChangeTypePrix=Peux changer type de prix +distribution.page.fonctionGroup.canGenerateExcelPdf=Peux g\u00e9n\u00e9rer Excel/Pdf +distribution.page.fonctionGroup.canChangeInDate=Peux changer dans le meme jour +distribution.page.location.listeFournisseur=Stock emballage fournisseur +distribution.page.typeDepense=Type de d\u00e9pense +distribution.page.isValider=Accepter la d\u00e9pense +distribution.page.editdepense=Modifier une d\u00e9pense commercial +distribution.page.save.editdepense=Enregistrer +distribution.page.fonctionGroup.all.supprimer=Supprimer tous +stock.page.quantite.Sortietheorique=Qt\u00e9 Sortie th\u00e9orique +stock.page.quantite.Deposertheorique=Qt\u00e9 Entr\u00e9e th\u00e9orique +stock.page.embalage.adddailog=Ajouter emballage +stock.page.embalage.listProduitemballage=Liste produits emballage +distribution.page.fonctionGroup.all.supprimer=Supprimer tous + +distribution.page.etatJournalier.nbrChargeCommercial=Nombre de charge commercial +distribution.page.etatJournalier.totalAllChargeCommercial=Total charge commercial + +distribution.page.deponseCaisse.typeDestinataireDepense=Destinataire commercial +distribution.page.typeDestinataireDepense.all=Tous +distribution.page.etatJournalier.totalAllChargeCommercial=Total charge commercial + +distribution.page.typeclientDistStock=Type Client + +distribution.page.client.etatClient=Etat des clients + +stock.page.achat.model.dl.msg.error=Message d'erreur +stock.page.avoir.listeavoirfinanciere=Liste des avoirs financieres +distribution.page.typeAgentCommercial=Type d'agent commercial + +distribution.page.Tournee.vendeur=Tourn\u00e9e Vendeur +distribution.page.Tournee.livreur=Tourn\u00e9e Livreur +distribution.page.Tournee.prevendeur=Tourn\u00e9e Pr\u00e9vendeur +distribution.page.Tournee.superviseur=Tourn\u00e9e Superviseur +distribution.page.Tournee.newTournee=Cr\u00e9er une nouvelle tourn\u00e9e +distribution.page.Tournee.newTournee.msg=Voulez-vous cr\u00e9er une tourn\u00e9e de camion +distribution.page.Tournee.Tournee=Tourn\u00e9e +distribution.page.Tournee.TourneeCamion=Tourn\u00e9e de camion +distribution.page.Tournee.DateD=Date de d\u00e9but +distribution.page.Tournee.DateF=Date de fin +distribution.page.Tournee.HeurD=Heure de d\u00e9but +distribution.page.Tournee.HeurF=Heure de fin +distribution.page.Tournee.Saisiepar=Saisi(e) par +distribution.page.Tournee.Finipar=Fini par +distribution.page.Tournee.FinTournee=Fin de tourn\u00e9e +distribution.page.Tournee.recapTournee=R\u00e9cap Tourn\u00e9e +distribution.page.Tournee.recapClient=R\u00e9cap client +distribution.page.Tournee.stockDebut=Stock depart +distribution.page.Tournee.stockFin=Stock fin de journee +distribution.page.Tournee.livraison=livraison +distribution.page.Tournee.stockEcart=Ecart stock +distribution.page.Tournee.totalEcrat=Total \u00e9cart +distribution.page.Tournee.totalVente=Total Vente +distribution.page.Tournee.totalCA=Total Chiffre d'affaire +distribution.page.Tournee.totalLivraison=Total Livraison +distribution.page.Tournee.sold.debut=Solde d\u00e9but de journ\u00e9e +distribution.page.Tournee.sold.fin=Solde fin de journ\u00e9e +distribution.page.Tournee.ecart.sold=Ecart solde +distribution.page.Tournee.totalVersement=Total versement +distribution.page.Tournee.totalVersementGlobal=Total versement Global +distribution.page.Tournee.totalDepense=Total d\u00e9penses +distribution.page.Tournee.totalDepenseAcceptes=Total d\u00e9penses accept\u00e9es +distribution.page.Tournee.totalDepensenonAcceptes=Total d\u00e9penses non accept\u00e9es +distribution.page.Tournee.totalVersement.client=Total versement client +distribution.page.Tournee.totalRetour=Total retour +distribution.page.Tournee.totalEcrat.credit=Total \u00e9cart cr\u00e9dit +distribution.page.Tournee.totalEcrat.versement=Total \u00e9cart versement +distribution.page.Tournee.total.netPayer=Net \u00e0 payer +distribution.page.Tournee.total.ecart.jour=Ecart du jour +distribution.page.Tournee.fichenavette=Fiche navette +distribution.page.Tournee.totalversement.creditclient=Total versement cr\u00e9dit client +distribution.page.Tournee.fichenavette=Fiche navette +distribution.page.Tournee.recaptourneepdf=R\u00e9cap tourn\u00e9e PDF +distribution.page.Tournee.recaptourneexsl=R\u00e9cap tourn\u00e9e Excel +stock.page.livraison.date.livraison=Date livraison programmer +stock.page.commande.date.commande=Date commande +stock.page.commande.client.trouver=Liste des clients trouv\u00e9s +stock.page.commande.client.introuvable=Liste des clients introuvables +stock.page.consommation=Etat de consommation +stock.page.qteconsommation.restante=Quantit\u00e9 restante +stock.page.qteconsommation=Total quantit\u00e9 consomm\u00e9e +stock.page.qteconsommation.moyenne=Quantit\u00e9 moyenne consomm\u00e9e +stock.page.qteconsommation.stock=Quantit\u00e9 consomm\u00e9e en stock +stock.page.qteconsommation.distribution=Quantit\u00e9 consomm\u00e9e en distribution +stock.page.qteconsommation.livraison=Quantit\u00e9 consomm\u00e9e en livraison +stock.page.consommation.prevision=Pr\u00e9vision en nombre de jours +stock.page.consommation.nbrJourStart=Taux de consommation dans les derniers +stock.page.consommation.nbrJourEnd=jours +stock.page.consommation.nbrJour=Consommation dans les derniers jours +stock.page.delai.livraison=D\u00e9lai de livraison en jours +stock.page.consommation.fournisseur=Fournisseur +stock.page.consommation.fournisseur.modif=Modifier Fournisseur +stock.page.consommation.delaiLivraison.modif=Modifier le d\u00e9lai de livraison +stock.page.consommation.colorFilter=Etat de consommation +stock.page.consommation.generCommande=G\u00e9n\u00e9rer un bon de commande +distribution.page.accueil.alerteConsommation=Alerte consommation (Rupture de stock) + + +distribution.page.superviseur=Superviseur + +distribution.page.billet.list=D\u00e9tail des billets +distribution.page.billetValue=Billets +stock.page.billet.reste=Reste +stock.page.billet.entree=Entr\u00e9e +stock.page.billet.sortie=Sortie +stock.page.billet.retourToCaisse=Retour vers l'historique caisse + +distribution.page.user.showMarque=Peut visualiser les marques +distribution.page.user.showCamion=Peut visualiser les camions + +distribution.page.marqueAutoriser=Liste des marques autoris\u00e9es +distribution.page.marqueLimiter=Limitation marque +distribution.page.marque.limiter=Limiter marque +distribution.page.marqueSourceCaption=Toutes les marques +distribution.page.marqueTargetCaption=Marques non autoris\u00e9es + +distribution.page.camion.limiter=Limiter commercial +distribution.page.camionLimiter=Limitation commercial +distribution.page.camionAutoriser=Liste des commerciaux autoris\u00e9s +distribution.page.camionSourceCaption=Tous les commerciaux +distribution.page.camionTargetCaption=Commerciaux non autoris\u00e9s + +distribution.page.generateFile.XLS=G\u00e9n\u00e9rer Excel +distribution.page.generateFile.XLSplus=G\u00e9n\u00e9rer Excel d\u00e9taill\u00e9 +distribution.page.generateFile.PDF=G\u00e9n\u00e9rer PDF +distribution.page.generateFile.PDFplus=G\u00e9n\u00e9rer PDF d\u00e9taill\u00e9 +distribution.page.generateFile.FormatUniversel=G\u00e9n\u00e9rer au format universel +distribution.page.generateFile.RapportClient=Extraction d\u00e9taill\u00e9 produit par client +distribution.page.generateFile.RapportClientRc=Etat des ventes factur\u00e9s avec Rc +distribution.page.generateFile.RapportClientFormat=Extraction d\u00e9taill\u00e9 client par produit +distribution.page.generateFile.RapportCommercial=Extraction d\u00e9taill\u00e9 produit par commercial +distribution.page.generateFile.RapportCommercial.gratuit=Extraction d\u00e9taill\u00e9 produit gratuit par commercial +distribution.page.generateFile.situationVente=Situation des ventes (Commercial/Depot) + +distribution.page.generateFile.rapport.comptable=G\u00e9n\u00e9rer rapport Comptable +distribution.page.generateFile.rapport.comptable.stock=G\u00e9n\u00e9rer ecriture comptable Stock +distribution.page.generateFile.rapport.comptable.chiffreaffaire=G\u00e9n\u00e9rer ecriture comptable Chiffre d'affaire + +distribution.page.consulter.historique=Historique tourn\u00e9e +distribution.page.consulter.historiqueManip=Historique de manipulation +distribution.page.type.historiqueManip=Type manipulation +distribution.page.consulter.historiqueManipvente=Historique vente +distribution.page.consulter.historiqueManipversement=Historique versement +distribution.page.nomTable=Nom table +distribution.page.idLigne=Id ligne +distribution.page.numBl=Num BL +distribution.page.typeManip=Action +distribution.page.dateManip=Date +distribution.page.heureManip=Heure +distribution.page.oldValeur=Ancienne valeur +distribution.page.newValeur=Nouvelle valeur +distribution.page.oldVersement=Ancien versement +distribution.page.newVersement=Nouveau versement +distribution.page.manipUser=Utilisateur +distribution.page.historiqueStock=Stock +distribution.page.historiqueDist=Distribution + +stock.page.commande.prevoirlivraison=Pr\u00e9voir livraison +distribution.page.livraison.consulterlivraison=Consulter livraison +distribution.page.client.isEtablissement=Est un \u00e9tablissement + +distribution.page.typedonnee=Type de donn\u00e9e + +distribution.page.tb=Tableau de bord +distribution.page.tbNew=Nouveau tableau de bord +distribution.page.tb.nom=Nom du rapport +distribution.page.tb.colonne=Etiquette de colonnes +distribution.page.tb.typeDonnee=Type de donn\u00e9e +distribution.page.tb.ligne=Etiquette de lignes +distribution.page.tb.etiquette=Etiquette +distribution.page.tb.valeur=Valeurs +distribution.page.tb.filtre=Filtre +distribution.page.tb.filtre.by=Filtre par +distribution.page.tb.filtre.rapport=Filtre du rapport +distribution.page.tb.rapport=Rapport +distribution.page.tb.recherche=Recherche +distribution.page.tb.ferme=Fermer +distribution.page.tb.ajouter=Ajouter rapport +distribution.page.tb.resultat=Resultat +distribution.page.tb.tableau=Tableau +distribution.page.tb.graph=Graphe +distribution.page.tb.donnee=Donn\u00e9es +distribution.page.tb.action=Action +distribution.page.tb.total=Total +distribution.page.client.isEtablissement=Est un \u00e9tablissement + +distribution.page.camionLivreur=Commercial livreur +distribution.page.camionCmd=Commercial commande +distribution.page.annulerReservation=Annuler la r\u00e9servation du produit +distribution.page.annulerReservationDate=Annuler les r\u00e9servation avant le + +distribution.page.client.transaDetail=Transactions +distribution.page.client.transaDetail.vente=Ajouter vente client +distribution.page.client.transaDetail.commande=Ajouter commande client +distribution.page.client.transaDetail.retour=Ajouter retour client +distribution.page.client.transaDetail.facture=Ajouter facture client +distribution.page.produit.modifierDonnee=Modifier les donn\u00e9es +distribution.page.produit.modifierDonnee.grouper=Modification group\u00e9e + +distribution.page.produit.historiqueparLot=Historique activit\u00e9s par lot +distribution.page.produitListLot.historiqueparLot=liste lot + +stock.page.edition.stock.etatAll=Etat stock de tous les produits +stock.page.edition.stock.etatExist=Etat stock des produits existant en stock +stock.page.edition.stock.fichierInventaire=Fiche inventaire stock magasin + +stock.page.edition.bonCmd=Bon de commande sans prix +distribution.page.etablissement.isRayonnage=Afficher rayonnage dans le bon de sortie + +distribution.page.annulerReservationAll=Annuler les r\u00e9servations pour tous les produits +stock.page.commandeApprovisio.copy=Copier bon de commande +distribution.page.vente.total.BenificePerte=B\u00e9n\u00e9fice/Perte +stock.page.commandeApprovisio.copy=Copier bon de commande +distribution.page.recapTournee.fichenavette=Fiche navette +distribution.page.fournisseur.transaDetail=Transactions +distribution.page.fournisseur.transaDetail.achat=Ajouter achat fournisseur +distribution.page.fournisseur.transaDetail.versement=Ajouter versement fournisseur +distribution.page.client.transaDetail.versement=Ajouter versement client +distribution.page.historiqueStockDistributionQteRetourStock=Quantit\u00e9 retour stock +distribution.page.historiqueStockDistributionQteRetourDist=Quantit\u00e9 retour distribution +stock.page.facture.copy=Copier facture +distribution.page.retourFournisseur=Retour vers profil fournisseur + +distribution.page.chiffredaffaireStockDistribution=Chiffre d'affaire clients Stock et Distribution +distribution.page.chiffredaffaireStockDistributionHist=Historique chiffre d'affaire clients Stock et Distribution +distribution.page.chiffredaffaireStockDistribution.message.non=Pas de Transaction enregistr\u00e9 ! + +distribution.page.depense.valide=D\u00e9pense \u00e0 valider +distribution.page.dahsboard.save=Sauvegarder +distribution.page.dahsboard.remove=Supprimer +distribution.page.dahsboard.saveConfirmation=Confirmation de sauvegarde +distribution.page.dahsboard.nbrDays=Intervalle en nombre de jour +distribution.page.dahsboard.nbrDaysConfirmation=Affichage dynamique +distribution.page.dahsboard.groupVisibility=Visible pour +distribution.page.dahsboard.groupChoose=Choisir groupe +distribution.page.dahsboard.group=Groupes + +distribution.page.ChiffreStockDistributionRetourStock=Retour stock +distribution.page.ChiffreStockDistributionRetourDist=Retour distribution + +stock.page.qteconsommation.retourStock=Quantit\u00e9 consomm\u00e9e en retour stock +stock.page.qteconsommation.retourDistribution=Quantit\u00e9 consomm\u00e9e en retour distribution + +distribution.page.solde.modifier=Modifier solde +distribution.page.enregistrer.solde=Enregister solde +stock.page.livraison.livraisonIncomplete=Livraison incompl\u00e8te +stock.page.fournisseur.SoldeOld=Ancien solde : +distribution.page.stockGlobal=Stock magasin global + +distribution.page.user.passwordHide=Afficher mot de passe +distribution.page.etatchiffredaffaireStockDistribution=Etat chiffre d'affaire clients Stock et Distribution + +distribution.page.versementtemporaire.valide=Versements temporaires \u00e0 valider +distribution.page.versementtemporaire.validevers=Valider versements temporaires +distribution.page.etatchiffredaffaireStockDistribution=Etat chiffre d'affaire clients Stock et Distribution +distribution.page.navisionPull=Pull de Navasion +distribution.page.navisionPush=Push vers Navasion +distribution.page.navision=Navision Synchronisation +distribution.page.versement.numVersement=Num\u00e9ro versement +distribution.page.user.passwordHide=Afficher mot de passe +distribution.page.etatchiffredaffaireStockDistribution=Etat chiffre d'affaire clients Stock et Distribution +distribution.page.stock.prixafficher=Afficher prix +distribution.page.stock.TbDepot=Quentit\u00e9 d\u00e9p\u00f4t +distribution.page.stock.TbCamion=Quentit\u00e9 camions + +distribution.page.stockdist.produit=Liste de produits d\u00e9taill\u00e9e + +distribution.page.etablissement.affichePoid=Afficher poids dans les BL +stock.page.Tb.filtrage=Filtrer l'extraction Excel + +stock.page.nomObjectif=Nom objectif +stock.page.DateDebut=Date d\u00e9but +stock.page.DateFin=Date fin +stock.page.Percentage=Percentage +stock.page.Description=Description +stock.page.Recompance=R\u00e9compance +stock.page.Condition=Conditions +stock.page.Objectif.fournisseur=Objectif fournisseur +stock.page.Objectif.client=Objectif client +stock.page.ObjectifEtOu=ET/Ou +stock.page.Recompancefrom=Recompensation de +stock.page.ObjectifPoidQte=Condition selon +stock.page.RecompanceG=R\u00e9compance global +stock.page.Detailcondition=D\u00e9tail condition +stock.page.realisationObjectif=R\u00e9alisation +stock.page.objectif.liste.objectif.non=Pas de objectif enregistr\u00e9 ! +stock.page.objectif.liste=Liste des objectifs +stock.page.objectif.EtatRealisationObjectifs=Etat de r\u00e9alisation des objectifs +stock.page.objectif.Ajouter=Ajouter objectif +stock.page.objectifvente.Suivi=Suivi objectif +stock.page.objectif.EtatRealisation=Etat de r\u00e9alisation +stock.page.Detailobjectif=D\u00e9tail objectif +stock.page.objectif.save=Enregister objectif +stock.page.objectif.modifier=Modifier objectif +stock.page.objectif.copier=Copier objectif + + + +stock.page.fournisseur.solde=Solde fournisseur +stock.page.fournisseur.solde.old=Ancien solde fournisseur + +stock.page.objectif.valQt=Valeur / Qt\u00e9 Pi\u00e8ces +stock.page.objectif.listefournisseur.message.non=Pas d'objectif fournisseur enregistr\u00e9 ! +stock.page.objectif.listeclient.message.non=Pas d'objectif client enregistr\u00e9 ! +stock.page.objectif.listefournisseur=Liste objectifs fournisseurs +stock.page.objectif.listeclient=Liste objectifs clients + + +stock.page.objectif.tauxRealisation.Global=Taux de realisation global +stock.page.objectif.objmois=Obj/Mois +stock.page.objectif.realiser=R\u00e9aliser +stock.page.objectif.percentage=% +stock.page.objectif.moyreaparjour=Moy R\u00e9a/J +stock.page.objectif.resteAfaire=Reste \u00e0 faire +stock.page.objectif.RAF/J=RAF/J +stock.page.objectif.etatGlobal=Etat de r\u00e9alisation global +stock.page.etatJournalier.Objectif.Statistique=Statistique Etat Journalier Objectif +stock.page.edition.ventelivreur=BL livreur +distribution.page.commande.total.commande=Total commande + + +distribution.page.etatVGlobal.liste.message.non=Pas de ligne enregistr\u00e9 ! +distribution.page.etatVGlobal.distinataire=Commercial/Client +distribution.page.etatVGlobal.vente=Vente +distribution.page.etatVGlobal.retour=Retour +distribution.page.etatVGlobal.caffaire=Chiffre d'affaire +distribution.page.etatVGlobal.versement=Versement Client +distribution.page.etatVGlobal.credit=Cr\u00e9dit +distribution.page.etatVGlobal.recovrement=Recovrement Client +distribution.page.etatVGlobal.versementCamion=Versement commercial +distribution.page.etatVGlobal.ecart=Ecart commercial +distribution.page.etatVGlobal.sold=Sold +distribution.page.etatVGlobal.benifice=B\u00e9n\u00e9fice +distribution.page.etatVGlobal=Situation globale des ventes + +distribution.page.etatVGlobal.commande=Commande +distribution.page.etatVGlobal.nbrProgrammer=Nbr client Programmer +distribution.page.etatVGlobal.nbrVisiter=Nbr client Visiter +distribution.page.etatVGlobal.nbrReusite=Nbr visite Reusite + +distribution.page.vente.raisonnonvente=Raison de non vente +distribution.page.vente.nonreussi=Visite sans vente + +distribution.page.etatVGlobalDetailee=Situation globale des ventes d\u00e9taill\u00e9 + +stock.page.achat.facturer.liste.copie=R\u00e9cup\u00e9rer liste des Factures d'achat +stock.page.achat.facturer.listeVente.copie=R\u00e9cup\u00e9rer liste des Factures +stock.page.etablissement.facturer=Etablissement facturation + +distribution.page.sauvgardeetContinue=Sauvegarde & continuer +stock.page.vente.facturer.liste=Liste des Factures vente + +stock.page.vente.vente=N\u00b0 bon de vente + +stock.page.commande.Rotation=Rotation commande + +distribution.page.generateFile.XLSG=G\u00e9n\u00e9rer Excel Grouper +distribution.page.generateFile.XLSS=G\u00e9n\u00e9rer Excel Separer +distribution.page.generateFile.PDFG=G\u00e9n\u00e9rer PDF Grouper +distribution.page.generateFile.PDFS=G\u00e9n\u00e9rer PDF Separer + +distribution.page.client.annuler=Annuler l'enregistrement +distribution.page.client.existe=Liste clients existant avec ces informations +stock.page.achat.facturer.listeVente.vente=R\u00e9cup\u00e9rer liste des ventes assosier + +distribution.page.caisse.annuler=Annuler la modification +distribution.page.soldeCorrectionCaisse.modifier=Modifier solde correction + +distribution.page.correctionCaisse.sold.old=Ancienne solde correction +distribution.page.correctionCaisse.sold.new=Nouveau solde correction +distribution.page.correctionCaisse.sold.billet.old=Ancienne solde Billet correction +distribution.page.correctionCaisse.sold.billet.new=Nouveau solde Billet correction +distribution.page.correctionCaisse.sold.piece.old=Ancienne solde pi\u00e8ce correction +distribution.page.correctionCaisse.sold.piece.new=Nouveau solde pi\u00e8ce correction + +distribution.page.remiseGlobal.produitRemiser=Produit remiser + +stock.page.transfertEntreCamion=Transfert stock entre camions +distribution.page.transfertEntreCamion.emetteur=Commercial emetteur +distribution.page.transfertEntreCamion.recepteur=Commercial recepteur + +distribution.page.tourneeCamion.dateHeurTournee=Date & Heure d\u00e9but tourn\u00e9e +distribution.page.tourneeCamion.finTournees.msg=Voulez-vous fini les tourn\u00e9es ? +distribution.page.tourneeCamion.listeFinTournee=Fini les tourn\u00e9es s\u00e9l\u00e9ctionn\u00e9es + +distribution.page.stockcamion.etatstockcommerciaux=Etat stock des commerciaux + +distribution.page.billetValue.entree=Billets Entr\u00e9e +distribution.page.billetValue.sortie=Billets Sortie +distribution.page.typeclient.emetteur.transfertEntreCamion=Type de prix emetteur +distribution.page.typeclient.recepteur.transfertEntreCamion=Type de prix r\u00e9cepteur + +stock.page.transfertEntreCamion.retour=Retour produit en stock associ\u00e9 +stock.page.transfertEntreCamion.chargement=Chargement stock camion associ\u00e9 + +distribution.page.transfertEntreCamion.Qntemetteur=Qts camion emetteur +distribution.page.transfertEntreCamion.Qntrecepteur=Qts camion recepteur + +stock.page.transfertEntreCamion.liste=Liste transferts stock entre camions + +stock.page.transfertEntreCamion.numerochargement=N\u00b0 bon chargement +stock.page.transfertEntreCamion.numeroretour=N\u00b0 bon retour + +distribution.page.echangeBillet.ajouter=Ajouter un \u00e9change billets/pi\u00e8ces + + +distribution.page.commandeproduction=Commande Production +distribution.page.commandeproduction.ajouter=Ajouter une commande production +distribution.page.commandeproduction.genererProduction=G\u00e9n\u00e9rer production +distribution.page.commandeproduction.genererProduction.msg=Voulez vous g\u00e9n\u00e9rer une production ? +distribution.page.production.commandeproduction=Commande production associ\u00e9e +distribution.page.commandeproduction.production=Production associ\u00e9e +distribution.page.production.nProduction=N\u00b0 Production +distribution.page.commandeproduction.date=Date commande production +distribution.page.commandeproduction.liste=Listes des commandes productions + +distribution.page.commandeproduction.fiche=Fiche commande production +distribution.page.commandeproduction.composition.fiche=Fiche composition commande production +distribution.page.commandeproduction.copie=Copier commande production +distribution.page.commandeproduction.type=Type commande production + +distribution.page.commandeproduction.message=Aucune commande production enrgistr\u00e9e +distribution.page.commandeproduction.heurCommandeProduction=Heure de commande + +distribution.page.commandeproduction.detailCommandeProduction=D\u00e9tail commande production +distribution.page.commandeproduction.detailConsommation=D\u00e9tail consommation commande production +distribution.page.produit.qntStock=Quantit\u00e9 stock + + +stock.page.achat.BenificeBonAchat=B\u00e9nifice bon entr\u00e9e stock +stock.page.achat.valeurVente=Valeur Vente + +distribution.page.stockGlobalDistribution=Stock distribution global + +stock.page.avoir.facturer.liste.copie=R\u00e9cup\u00e9rer liste des factures avoir + +stock.page.avoir.facturer.liste=Liste des Factures d'avoir +distribution.page.stock.mouvementSF=Mouvement du Stock Sous famille +distribution.page.stock.mouvementGlobal=Mouvement du Stock global +distribution.page.stock.mouvementGlobalSF=Mouvement du Stock global sous famille + +stock.page.chargement.appliquertvaProduit=Type TVA appliquer +stock.page.totalQauntite.piece =Total quantit\u00e9 pi\u00e8ces + +distribution.page.etatProduitVendu=Etat des produits vendu +stock.page.etatProduitVendu.totalQauntite =Total quantit\u00e9 +stock.page.etatProduitVendu.moyenQauntite =Moyen quantit\u00e9 +stock.page.etatProduitVendu.moyenCA =Moyen CA + + +stock.page.vente.commandeAchat=Commande d'achat +stock.page.vente.generer.commandeAchat=G\u00e9n\u00e9rer commande d'achat +distribution.page.vente.commandeAchat=Etablir une commande d'achat + + +stock.page.fournisseur.copierVers=Copier fournisseur vers +stock.page.fournisseur.sellectionner.tout=Selectionner tout les fournisseurs + +distribution.page.etablissement.principale=Etablissement principale +distribution.page.etablissement.emis=Etablissement Emis +distribution.page.etablissement.recu=Etablissement re\u00e7u +distribution.page.etablissement.dateLastUpdate=Date derni\u00e9re modification + +stock.page.livraison.typeReglement.changer=Changer type reglement + +stock.page.vente.nbl.avecremise=Produits remis\u00e9s +stock.page.inventaire.listMagasinier=Liste des inventaires magasinier +stock.page.inventaireMagasinier=Inventaire magasinier + + +stock.page.quantite.old=Ancienne Qt\u00e9 +stock.page.quantite.new=Nouvelle Qt\u00e9 + +distribution.page.quantite.piecenew=Nouvelle Qt\u00e9 en pi\u00e8ce +stock.page.inventaireMagasinier.traitement=Traitement d'inventaire magasinier +stock.page.inventaireMagasinier.generer.inventaireStock=G\u00e9n\u00e9rer inventaire stock +stock.page.inventaireMagasinier.consulter=Consulter inventaire magasinier +stock.page.inventaireMagasinier.consulterInvStock=Consulter inventaire stock + + +stock.edition.vente.Bonvente=Edition bon de vente +stock.edition.vente.Bonchargement=Edition bon de chargement +stock.edition.vente.Bontransfert=Edition bon de transfert + +stock.edition.commande.Boncommande=Edition bon de commande client +stock.edition.commande.Bonchargementcommande=Edition bon de commande chargement +stock.edition.commande.Bontransfertcommande=Edition bon de commande transfert + +stock.edition.achat.BonAchat.fournisseur=Edition bon d'achat +stock.edition.achat.BonAchat.etablissement=Edition bon de transfert +stock.edition.achat.BonEchange=Edition bon d'\u00e9change +stock.edition.achat.BonImportation=Edition bon d'importation +stock.edition.achat.BonGratuite=Edition bon de gratuit\u00e9 fournisseur + +stock.edition.transfert.BonTransfertRe\u00e7u=Edition bon de transferts re\u00e7us +stock.edition.transfert.BonTransfertEmis=Edition bon de transferts \u00e9mis + +stock.edition.livraison.Bonlivraison=Edition bon de livraison +stock.edition.livraison.Bonchargement=Edition bon de chargement +stock.edition.livraison.Bontransfert=Edition bon de transfert + +stock.edition.retour.Bonretourclient=Edition bon de retour client +stock.edition.retour.Bonretourcamion=Edition bon de retour camion + +stock.edition.sortie.Bonsortie=Edition bon de sortie +stock.edition.sortie.BonsortieAvarie=Edition bon de sortie avarie + +stock.edition.facture.BonFactureVente=Edition bon de facture de vente +stock.edition.facture.BonFactureAchat=Edition bon de facture d'achat +stock.edition.facture.BonFactureAvoir=Edition bon de facture d'avoir + +stock.edition.approvissionnement.BonApprovissionnement=Edition bon de commande + +stock.edition.factureRoute.BonFactureRoute=Edition bon de facture de route +stock.edition.factureRoute.BonFactureRouteClient=Edition bon de facture de route client +stock.edition.factureRoute.BonFactureRouteCamion=Edition bon de facture de route camion + +stock.edition.sortie.Information=Information g\u00e9n\u00e9rale : Etablissement + +stock.edition.bon.nomModel=Nom du mod\u00e8le +stock.edition.bon.titre=Titre +stock.edition.bon.dateHeurImprission=Date & Heure d'impression +stock.edition.bon.qntPieces=Qnt pi\u00e8ces +stock.edition.bon.qntCol=Qnt col. +stock.edition.bon.montantTTc=Montant TTC +stock.edition.bon.montantHT=Montant HT +stock.edition.bon.tota.sansRemise=Total sans remise +stock.edition.bon.total.ttcService=Total TTC avec service +stock.edition.bon.total.ttcLetrre=Total TTC en lettre +stock.edition.bon.total.perte=Total perte +stock.edition.bon.daterecep=Date de r\u00e9ception +stock.edition.bon.heurrecep=Heure de r\u00e9ception +stock.edition.bon.Signaturecachet=Signature et cachet exp\u00e9diteur + +stock.edition.bon.etablissement.information=Information g\u00e9n\u00e9rale +stock.edition.bon.table.element=Les \u00e9l\u00e9ments du tableau +stock.edition.bon.datesignature=Date & Signature +stock.edition.bon.totalList=Totals a afficher +stock.edition.bon.generer=G\u00e9n\u00e9rer un bon +stock.edition.bon.modifier=Modifier mod\u00e8le + +stock.edition.vente.Camion=Camion +stock.edition.vente.entete=En-t\u00eate +stock.edition.vente.Information=Informations g\u00e9n\u00e9rales +stock.edition.vente.corp=Corps de page +stock.edition.vente.totalsEtSignature=Totals & Signature +stock.edition.bon.modele=Mod\u00e8le de bon +stock.edition.bon.lotDateFab=Date fabrication +stock.edition.bon.afficherLot=Afficher liste Lots +stock.edition.bon.afficherEmbalage=Afficher liste emballages +stock.edition.bon.QntEntree=Qnt Entr\u00e9e +stock.edition.bon.QntSortie=Qnt Sortie +stock.edition.bon.enregistrer=Enregistrer mod\u00e9le +stock.edition.bon.genererNew=G\u00e9n\u00e9rer nouveau mod\u00e8le +stock.edition.bon.Select=S\u00e9l\u00e9ctionner un mod\u00e8le +stock.edition.bon.genererModele=G\u00e9n\u00e9rer un mod\u00e8le +stock.edition.bon.cree=Cr\u00e9er un bon +stock.edition.bon.logoLeft=Afficher le logo \u00e0 gauche +stock.edition.bon.logoRight=Afficher le logo \u00e0 droite +stock.edition.bon.underlineTire=Souligner le titre +stock.edition.bon.afficherProdEtabExp=Produits d'\u00e9tablissement exp\u00e9diteur +stock.edition.bon.afficherProdEtabDist=Produits d'\u00e9tablissement distinataire +stock.edition.bon.afficherLot=Afficher liste Lots + +stock.page.inventaireMagasinier.consulterInvStock=Consulter inventaire stock +stock.page.inventaireMagasinier.bon=Bon d'inventaire magasinier +stock.page.inventaireMagasinier.prevoirinventaireMagasinier=Pr\u00e9voir inventaire magasinier + +stock.page.DemandeRetourProduit.list=Liste des demandes retour Produits +stock.page.DemandeRetourProduit.ajouter=Ajouter une demande retour Produits +stock.page.DemandeRetourProduit.genererRetour=G\u00e9n\u00e9rer retour produit client +stock.page.DemandeRetourProduit.liste.message.non=Pas de demande retour produits enregistr\u00e9 ! +stock.page.DemandeRetourProduit=Demande retour Produits + +stock.page.detailRemise.list=Liste d\u00e9tails remises +stock.page.detailRemise.liste.message.non=Pas de d\u00e9tail remise enregistr\u00e9e ! +stock.page.detailRemise.type=Type prix de vente +stock.page.detailRemise.nbrVente=nombre des ventes +stock.page.detailRemise.totalSansremise=Total sans remise +stock.page.detailRemise.totalAvacremise=Total avec remise +stock.page.detailRemise.totalRemise=Total remise + +stock.CommandeChargement.Message= + +stock.CommandeChargement.Message.Alerte=Alerte produits non commander +distribution.page.Tournee.TotalstockEcart=Total \u00e9cart stock + +stock.page.achat.historiquePrix=Historique prix d'achat produit +stock.page.achat.historiquePrix.prixachat=Prix d'achat +stock.page.achat.historiquePrixx=Historique prix d'achat +stock.CommandeChargement.Message.AlerteChargement=Afficher alerte produits non commander chargement +stock.CommandeChargement.Message.AlerteCommande=Afficher alerte produits non commander commande chargement + +stock.page.vente.historiquePrix=Historique prix de vente produit +stock.page.vente.historiquePrix.prixachat=Prix de vente +stock.page.vente.historiquePrixx=Historique prix de vente +distribution.page.prix.vente.list=Liste des prix de vente +stock.UseSage.Message=Utilise Sage +stock.page.client.fichier.generer=G\u00e9n\u00e9rer fichier texte Sage +stock.page.client.generer=G\u00e9n\u00e9rer fichier +distribution.page.produit.codebarre.afficherPrix=Afficher le prix de vente +distribution.page.achat.sellectionner.tout=S\u00e9lectionner tous les achats +distribution.page.vente.sellectionner.tout=S\u00e9lectionner tous les ventes +stock.page.Sage.achat.fichier.generer=G\u00e9n\u00e9rer fichier d'achats / mouvements d'entr\u00e9e +stock.page.Sage.client.fichier.generer=G\u00e9n\u00e9rer fichier des clients +stock.page.Sage.venteS.fichier.generer=G\u00e9n\u00e9rer fichier des ventes d\u00e9pot +stock.page.Sage.venteD.fichier.generer=G\u00e9n\u00e9rer fichier des ventes DD +stock.page.Sage.livraison.fichier.generer=G\u00e9n\u00e9rer fichier des livraisons +stock.page.etablissement.numBon.Incr=Incr\u00e9mentation num\u00e9ro de bon par mois +stock.page.sage.fichier.generer=Extraction des donn\u00e9es Sage +distribution.page.generateFile.RapportClientRetour=Extraction d\u00e9taill\u00e9 produit par client avec Retour + +stock.page.finitournee.msg=Voulez vous vraiment finir cette tourn\u00e9e ? +stock.page.commande.client.ajouterChargementXLS=Ajouter commande client EXCEL +stock.page.commande.upload.modelSalesbuzz=Charger un mod\u00e8le Excel Selsbuzz +stock.UseSelsbuzz.Message=Utilise SelsBuzz +stock.page.vente.nbl.gratuit=Produits gratuits +stock.page.excel.erreurmsg=T\u00e9l\u00e9charger le fichier avec la liste des erreurs survenues lors de la lecture du fichier excel +stock.page.sage.typegenerer=Type transaction a g\u00e9n\u00e9rer +stock.page.sage.erreurmsg=Une erreur s'est produite, le syst\u00e8me a trouv\u00e9 des clients sans code usine. Voulez vous t\u00e9l\u00e9charger un fichier avec la liste de ces clients ! +stock.page.factureachat.prix=Choisir un type de prix +distribution.page.stockLot.etat=Etat du stock magasin lot +distribution.page.approvisionnement.recalculer.consomation=Recalculer consomation +distribution.page.transfertDonnee=Transfert des donn\u00e9es entre \u00e9tablissement +distribution.page.approvisionnement.recalculer.consomation=Recalculer consomation +distribution.page.Caisse.typeEntreeSortie=Type d'entr\u00e9e / sortie caisse +stock.page.client.versement.distribution=Versement distribution +stock.page.client.versement.distribution.type=Type de versement +stock.page.vente.factureRouteChargement=Facture de route chargement +stock.page.vente.factureRouteChargement.generer=G\u00e9n\u00e9rer facture de route chargement +stock.page.produit.download.modelData=T\u00e9l\u00e9charger le mod\u00e8le Excel avec donn\u00e9es +distribution.page.versement.venteAssocier=Associer des versements +distribution.page.versement.livraisonAssocier=Associer un versement +distribution.page.client.typeclientNom=Nom de type de prix +distribution.page.Vente.detaxer=Vente exon\u00e9rer / d\u00e9taxer +stock.page.edition.venteBlHorsTaxe=Bon de livraison hors taxe +stock.page.excel.creerSecteurClient=Cr\u00e9er un secteur pour les clients qui n'ont pas de secteur +distribution.page.vente.distribution.total=Total vente distribution +distribution.page.vente.stock.total=Total vente stock +distribution.page.retour.distribution.total=Total retour distribution +distribution.page.retour.stock.total=Total retour stock +distribution.page.livraison.total=Total livraison + +distribution.page.personne.etatPersonnePhysique=Etat Personne Physique + +distribution.page.Facture.detaxer=Facture exon\u00e9rer / d\u00e9taxer +distribution.page.Commande.detaxer=Commande exon\u00e9rer / d\u00e9taxer +stock.page.Facture.detaxer.print=Imprimer Facture hors taxe +stock.page.Facture.detaxer.print.remise=Imprimer Facture Avec Remise hors taxe +stock.page.edition.devis.HorsTaxe=Devis hors taxe + +stock.page.typeclient.activerdesactiverparametre=Activer / D\u00e9sactiver les param\u00e8tres +stock.page.typeclient.appliquersurVente=Appliquer les param\u00e8tres sur les ventes +stock.page.typeclient.appliquersurCommande=Appliquer les param\u00e8tres les commandes + +distribution.page.exonore=Exonor\u00e9 de Tva + +distribution.page.stock.produitsNonAutorises=Liste des produits non autoris\u00e9s +distribution.page.stock.sousFamillesNonAutorises=Liste des sous familles non autoris\u00e9es +distribution.page.exonore=Exonor\u00e9 de Tva + +stock.page.typeclient.appliquersurAchat=Appliquer les param\u00e8tres sur les achats +stock.page.typeclient.appliquersurCommandeAchat=Appliquer les param\u00e8tres les commandes d'achat + +distribution.page.remise.ajouter=Ajouter remise produit +distribution.page.remiseProduit.liste=Liste des remises produit +distribution.page.remiseProduit.liste.message.non=Pas de remise produit enregistr\u00e9 ! +distribution.page.exonore=Exonor\u00e9 de Tva + + +distribution.page.client.clientnonvisiter=Client non visiter +stock.edition.bon.table.OrderDetail=Ordonn\u00e9e les produits par : +stock.page.tableauxMouvement.liste=Liste des Mouvements globale +distribution.page.caisse.valeur=Valeur du caisse +distribution.page.etatVGlobal.benificeBrut=B\u00e9n\u00e9fice Brut +distribution.page.etatVGlobal.benificeNet=B\u00e9n\u00e9fice Net +stock.tableauxMouvement.mouvement=Mouvements globale +distribution.page.Edition.liste=Liste des modeles d'\u00e9dition +distribution.page.Edition.liste.message.non=Pas de modele enregistr\u00e9 ! +distribution.page.Edition.typeModele=Type de modele \u00e9dition +stock.page.EditionModele=Mod\u00e8les d'\u00e9dition +distribution.page.EditionModele.ajouter=Ajouter Mod\u00e8le d'\u00e9dition +distribution.page.EditionModele.copierVers=Copier mod\u00e8le d'\u00e9dition vers + +distribution.page.commande.prevendeur=Prevendeur + +distribution.page.donnee.filtrage=Filtrage des donn\u00e9es +distribution.page.donnee.affichage.colonne=Affichage des colonnes +distribution.page.donnee.affichage.grouper=Grouper les donnees +distribution.page.donnee.affichage.colonne.liste=liste des colonnes +distribution.page.donnee.affichage.colonne.selection.liste=Liste des colonnes selectionnes +distribution.page.donnee.affichage.colonne.grouper.liste=Liste des colonnes grouper +distribution.page.donnee.recherche=Recherche + + +distribution.page.Marachandizing.type=Type +distribution.page.Marachandizing.typeAr=Type en arabe +distribution.page.Marachandizing.consulterType=Consulter une type de merchandising +distribution.page.Marachandizing.consulterNotif=Consulter une notification merchandising +distribution.page.TypeMarachandizing.liste.message.non=Pas de Type Merchandising enregistr\u00e9 ! +distribution.page.TypeMarachandizing.ajouterTypeMarachandizing=Ajouter type Merchandising +distribution.page.TypeMarachandizing.liste=Liste des types Merchandising +distribution.page.TypeMarachandizing=Types Visite Merchandising +distribution.page.etatJournalier.Objectif.Statistique=Statistique Etat Journalier Objectif +distribution.page.VisiteMarachandizing=Visite Merchandising +distribution.page.VisiteMarachandizing.liste=Liste Visites Merchandising +distribution.page.VisiteMarachandizing.notif=Notification Visite Merchandising +distribution.page.VisiteMarachandizing.notif.type=Type Notification Visite Merchandising +distribution.page.VisiteMarachandizing.select.notif=Visite Merchandising avec Notification +distribution.page.vendeurTitre=Vendeur +distribution.page.TypeMarachandizing.type=Type visite + +service.page.TypeService = Type Service +service.page.typeService.liste.message.non=Pas de type service enregistr\u00e9 ! +service.page.typeService.ajoutertype=Ajouter un type service +service.page.Service.liste.message.non=Pas de service enregistr\u00e9 ! +service.page.Service.ajouterservice=Ajouter un service +service.page.Service.nom=Nom Service +service.page.Service.concerneTel=Concerne Telephone +service.page.Service.ajouter.fonction=Ajouter une fonctionnalit\u00e9 +service.page.Fonction.liste.message.non=Pas de fonctionnalit\u00e9 enregistr\u00e9 ! +service.page.Demande.liste = Liste des Demandes +service.page.Demande.accepter = Accept\u00e9 +service.page.Demande.accepterPar = Accept\u00e9 par +service.page.Demande.payer = Pay\u00e9 +service.page.Demande.NbMois = Nombre de mois +service.page.Demande.NbMois.attribuer = Nombre de mois attribu\u00e9e +service.page.Demande.Date.Acceptation = Date d'acceptation +service.page.Demande.Heure.Acceptation = Heure d'acceptation +service.page.Demande.Date.Execution = Date d'ex\u00e9cution +service.page.Demande.type = Type Demande +service.page.Demande.lancer = Lanc\u00e9 Par +service.page.Demande.annuler = Annuler la Demande +service.page.Demande.liste.message.non=Pas de demande enregistr\u00e9 ! +distribution.page.administrative=Administrative +service.page.Abonnement.liste = Liste des Abonnements +service.page.Abonnement.liste.message.non=Pas de abonnement enregistr\u00e9 ! +service.page.Abonnement.resillier = R\u00e9sillier +service.page.Abonnement.prolonger = Prolonger +service.page.Abonnement.prolongement = Prolongement +service.page.Abonnement.historique=Historique des Demandes +service.page.Telephone.ajouter = Ajouter Telephone +service.page.Telephone.liste.message.non=Pas de telephone enregistr\u00e9 ! +distribution.buttons.changerEtablissement=changer Etablissement +distribution.page.etablissement.selectionner=Veuillez s\u00e9l\u00e9ctionner un \u00e9tablissement diff --git a/src/main/resources/log4j.xml b/src/main/resources/log4j.xml new file mode 100644 index 0000000..af47331 --- /dev/null +++ b/src/main/resources/log4j.xml @@ -0,0 +1,13 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/resources/resources/demo/blockviewer/blockViewer.xhtml b/src/main/resources/resources/demo/blockviewer/blockViewer.xhtml new file mode 100644 index 0000000..78523ac --- /dev/null +++ b/src/main/resources/resources/demo/blockviewer/blockViewer.xhtml @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + + + +
+
+ + #{cc.attrs.header} + Free + +
+ Preview + + Code + + + + + +
+
+
+ +
+ +
+ + +
+ 
#{cc.attrs.code}
+
+ +
+
+ + + \ No newline at end of file diff --git a/src/main/resources/resources/demo/flags/flags.css b/src/main/resources/resources/demo/flags/flags.css new file mode 100644 index 0000000..effb1d4 --- /dev/null +++ b/src/main/resources/resources/demo/flags/flags.css @@ -0,0 +1 @@ +span.flag{width:44px;height:30px;display:inline-block;}img.flag{width:30px}.flag{background:url("\#{resource['demo:flags/flags_responsive.png']}") no-repeat;background-size:100%;vertical-align: middle;}.flag-ad{background-position:0 .413223%}.flag-ae{background-position:0 .826446%}.flag-af{background-position:0 1.239669%}.flag-ag{background-position:0 1.652893%}.flag-ai{background-position:0 2.066116%}.flag-al{background-position:0 2.479339%}.flag-am{background-position:0 2.892562%}.flag-an{background-position:0 3.305785%}.flag-ao{background-position:0 3.719008%}.flag-aq{background-position:0 4.132231%}.flag-ar{background-position:0 4.545455%}.flag-as{background-position:0 4.958678%}.flag-at{background-position:0 5.371901%}.flag-au{background-position:0 5.785124%}.flag-aw{background-position:0 6.198347%}.flag-az{background-position:0 6.61157%}.flag-ba{background-position:0 7.024793%}.flag-bb{background-position:0 7.438017%}.flag-bd{background-position:0 7.85124%}.flag-be{background-position:0 8.264463%}.flag-bf{background-position:0 8.677686%}.flag-bg{background-position:0 9.090909%}.flag-bh{background-position:0 9.504132%}.flag-bi{background-position:0 9.917355%}.flag-bj{background-position:0 10.330579%}.flag-bm{background-position:0 10.743802%}.flag-bn{background-position:0 11.157025%}.flag-bo{background-position:0 11.570248%}.flag-br{background-position:0 11.983471%}.flag-bs{background-position:0 12.396694%}.flag-bt{background-position:0 12.809917%}.flag-bv{background-position:0 13.22314%}.flag-bw{background-position:0 13.636364%}.flag-by{background-position:0 14.049587%}.flag-bz{background-position:0 14.46281%}.flag-ca{background-position:0 14.876033%}.flag-cc{background-position:0 15.289256%}.flag-cd{background-position:0 15.702479%}.flag-cf{background-position:0 16.115702%}.flag-cg{background-position:0 16.528926%}.flag-ch{background-position:0 16.942149%}.flag-ci{background-position:0 17.355372%}.flag-ck{background-position:0 17.768595%}.flag-cl{background-position:0 18.181818%}.flag-cm{background-position:0 18.595041%}.flag-cn{background-position:0 19.008264%}.flag-co{background-position:0 19.421488%}.flag-cr{background-position:0 19.834711%}.flag-cu{background-position:0 20.247934%}.flag-cv{background-position:0 20.661157%}.flag-cx{background-position:0 21.07438%}.flag-cy{background-position:0 21.487603%}.flag-cz{background-position:0 21.900826%}.flag-de{background-position:0 22.31405%}.flag-dj{background-position:0 22.727273%}.flag-dk{background-position:0 23.140496%}.flag-dm{background-position:0 23.553719%}.flag-do{background-position:0 23.966942%}.flag-dz{background-position:0 24.380165%}.flag-ec{background-position:0 24.793388%}.flag-ee{background-position:0 25.206612%}.flag-eg{background-position:0 25.619835%}.flag-eh{background-position:0 26.033058%}.flag-er{background-position:0 26.446281%}.flag-es{background-position:0 26.859504%}.flag-et{background-position:0 27.272727%}.flag-fi{background-position:0 27.68595%}.flag-fj{background-position:0 28.099174%}.flag-fk{background-position:0 28.512397%}.flag-fm{background-position:0 28.92562%}.flag-fo{background-position:0 29.338843%}.flag-fr{background-position:0 29.752066%}.flag-ga{background-position:0 30.165289%}.flag-gd{background-position:0 30.578512%}.flag-ge{background-position:0 30.991736%}.flag-gf{background-position:0 31.404959%}.flag-gh{background-position:0 31.818182%}.flag-gi{background-position:0 32.231405%}.flag-gl{background-position:0 32.644628%}.flag-gm{background-position:0 33.057851%}.flag-gn{background-position:0 33.471074%}.flag-gp{background-position:0 33.884298%}.flag-gq{background-position:0 34.297521%}.flag-gr{background-position:0 34.710744%}.flag-gs{background-position:0 35.123967%}.flag-gt{background-position:0 35.53719%}.flag-gu{background-position:0 35.950413%}.flag-gw{background-position:0 36.363636%}.flag-gy{background-position:0 36.77686%}.flag-hk{background-position:0 37.190083%}.flag-hm{background-position:0 37.603306%}.flag-hn{background-position:0 38.016529%}.flag-hr{background-position:0 38.429752%}.flag-ht{background-position:0 38.842975%}.flag-hu{background-position:0 39.256198%}.flag-id{background-position:0 39.669421%}.flag-ie{background-position:0 40.082645%}.flag-il{background-position:0 40.495868%}.flag-in{background-position:0 40.909091%}.flag-io{background-position:0 41.322314%}.flag-iq{background-position:0 41.735537%}.flag-ir{background-position:0 42.14876%}.flag-is{background-position:0 42.561983%}.flag-it{background-position:0 42.975207%}.flag-jm{background-position:0 43.38843%}.flag-jo{background-position:0 43.801653%}.flag-jp{background-position:0 44.214876%}.flag-ke{background-position:0 44.628099%}.flag-kg{background-position:0 45.041322%}.flag-kh{background-position:0 45.454545%}.flag-ki{background-position:0 45.867769%}.flag-km{background-position:0 46.280992%}.flag-kn{background-position:0 46.694215%}.flag-kp{background-position:0 47.107438%}.flag-kr{background-position:0 47.520661%}.flag-kw{background-position:0 47.933884%}.flag-ky{background-position:0 48.347107%}.flag-kz{background-position:0 48.760331%}.flag-la{background-position:0 49.173554%}.flag-lb{background-position:0 49.586777%}.flag-lc{background-position:0 50%}.flag-li{background-position:0 50.413223%}.flag-lk{background-position:0 50.826446%}.flag-lr{background-position:0 51.239669%}.flag-ls{background-position:0 51.652893%}.flag-lt{background-position:0 52.066116%}.flag-lu{background-position:0 52.479339%}.flag-lv{background-position:0 52.892562%}.flag-ly{background-position:0 53.305785%}.flag-ma{background-position:0 53.719008%}.flag-mc{background-position:0 54.132231%}.flag-md{background-position:0 54.545455%}.flag-me{background-position:0 54.958678%}.flag-mg{background-position:0 55.371901%}.flag-mh{background-position:0 55.785124%}.flag-mk{background-position:0 56.198347%}.flag-ml{background-position:0 56.61157%}.flag-mm{background-position:0 57.024793%}.flag-mn{background-position:0 57.438017%}.flag-mo{background-position:0 57.85124%}.flag-mp{background-position:0 58.264463%}.flag-mq{background-position:0 58.677686%}.flag-mr{background-position:0 59.090909%}.flag-ms{background-position:0 59.504132%}.flag-mt{background-position:0 59.917355%}.flag-mu{background-position:0 60.330579%}.flag-mv{background-position:0 60.743802%}.flag-mw{background-position:0 61.157025%}.flag-mx{background-position:0 61.570248%}.flag-my{background-position:0 61.983471%}.flag-mz{background-position:0 62.396694%}.flag-na{background-position:0 62.809917%}.flag-nc{background-position:0 63.22314%}.flag-ne{background-position:0 63.636364%}.flag-nf{background-position:0 64.049587%}.flag-ng{background-position:0 64.46281%}.flag-ni{background-position:0 64.876033%}.flag-nl{background-position:0 65.289256%}.flag-no{background-position:0 65.702479%}.flag-np{background-position:0 66.115702%}.flag-nr{background-position:0 66.528926%}.flag-nu{background-position:0 66.942149%}.flag-nz{background-position:0 67.355372%}.flag-om{background-position:0 67.768595%}.flag-pa{background-position:0 68.181818%}.flag-pe{background-position:0 68.595041%}.flag-pf{background-position:0 69.008264%}.flag-pg{background-position:0 69.421488%}.flag-ph{background-position:0 69.834711%}.flag-pk{background-position:0 70.247934%}.flag-pl{background-position:0 70.661157%}.flag-pm{background-position:0 71.07438%}.flag-pn{background-position:0 71.487603%}.flag-pr{background-position:0 71.900826%}.flag-pt{background-position:0 72.31405%}.flag-pw{background-position:0 72.727273%}.flag-py{background-position:0 73.140496%}.flag-qa{background-position:0 73.553719%}.flag-re{background-position:0 73.966942%}.flag-ro{background-position:0 74.380165%}.flag-rs{background-position:0 74.793388%}.flag-ru{background-position:0 75.206612%}.flag-rw{background-position:0 75.619835%}.flag-sa{background-position:0 76.033058%}.flag-sb{background-position:0 76.446281%}.flag-sc{background-position:0 76.859504%}.flag-sd{background-position:0 77.272727%}.flag-se{background-position:0 77.68595%}.flag-sg{background-position:0 78.099174%}.flag-sh{background-position:0 78.512397%}.flag-si{background-position:0 78.92562%}.flag-sj{background-position:0 79.338843%}.flag-sk{background-position:0 79.752066%}.flag-sl{background-position:0 80.165289%}.flag-sm{background-position:0 80.578512%}.flag-sn{background-position:0 80.991736%}.flag-so{background-position:0 81.404959%}.flag-sr{background-position:0 81.818182%}.flag-ss{background-position:0 82.231405%}.flag-st{background-position:0 82.644628%}.flag-sv{background-position:0 83.057851%}.flag-sy{background-position:0 83.471074%}.flag-sz{background-position:0 83.884298%}.flag-tc{background-position:0 84.297521%}.flag-td{background-position:0 84.710744%}.flag-tf{background-position:0 85.123967%}.flag-tg{background-position:0 85.53719%}.flag-th{background-position:0 85.950413%}.flag-tj{background-position:0 86.363636%}.flag-tk{background-position:0 86.77686%}.flag-tl{background-position:0 87.190083%}.flag-tm{background-position:0 87.603306%}.flag-tn{background-position:0 88.016529%}.flag-to{background-position:0 88.429752%}.flag-tp{background-position:0 88.842975%}.flag-tr{background-position:0 89.256198%}.flag-tt{background-position:0 89.669421%}.flag-tv{background-position:0 90.082645%}.flag-tw{background-position:0 90.495868%}.flag-ty{background-position:0 90.909091%}.flag-tz{background-position:0 91.322314%}.flag-ua{background-position:0 91.735537%}.flag-ug{background-position:0 92.14876%}.flag-gb,.flag-uk{background-position:0 92.561983%}.flag-um{background-position:0 92.975207%}.flag-us{background-position:0 93.38843%}.flag-uy{background-position:0 93.801653%}.flag-uz{background-position:0 94.214876%}.flag-va{background-position:0 94.628099%}.flag-vc{background-position:0 95.041322%}.flag-ve{background-position:0 95.454545%}.flag-vg{background-position:0 95.867769%}.flag-vi{background-position:0 96.280992%}.flag-vn{background-position:0 96.694215%}.flag-vu{background-position:0 97.107438%}.flag-wf{background-position:0 97.520661%}.flag-ws{background-position:0 97.933884%}.flag-ye{background-position:0 98.347107%}.flag-za{background-position:0 98.760331%}.flag-zm{background-position:0 99.173554%}.flag-zr{background-position:0 99.586777%}.flag-zw{background-position:0 100%} \ No newline at end of file diff --git a/src/main/resources/resources/demo/flags/flags_responsive.png b/src/main/resources/resources/demo/flags/flags_responsive.png new file mode 100644 index 0000000..c27ce21 Binary files /dev/null and b/src/main/resources/resources/demo/flags/flags_responsive.png differ diff --git a/src/main/resources/resources/demo/images/auth/accessDenied-bg.jpg b/src/main/resources/resources/demo/images/auth/accessDenied-bg.jpg new file mode 100644 index 0000000..06bd45f Binary files /dev/null and b/src/main/resources/resources/demo/images/auth/accessDenied-bg.jpg differ diff --git a/src/main/resources/resources/demo/images/auth/accessDenied.png b/src/main/resources/resources/demo/images/auth/accessDenied.png new file mode 100644 index 0000000..d54fc5b Binary files /dev/null and b/src/main/resources/resources/demo/images/auth/accessDenied.png differ diff --git a/src/main/resources/resources/demo/images/auth/error-bg.jpg b/src/main/resources/resources/demo/images/auth/error-bg.jpg new file mode 100644 index 0000000..5a80442 Binary files /dev/null and b/src/main/resources/resources/demo/images/auth/error-bg.jpg differ diff --git a/src/main/resources/resources/demo/images/auth/error.png b/src/main/resources/resources/demo/images/auth/error.png new file mode 100644 index 0000000..c3e5e22 Binary files /dev/null and b/src/main/resources/resources/demo/images/auth/error.png differ diff --git a/src/main/resources/resources/demo/images/auth/login-bg.jpg b/src/main/resources/resources/demo/images/auth/login-bg.jpg new file mode 100644 index 0000000..ed1d36b Binary files /dev/null and b/src/main/resources/resources/demo/images/auth/login-bg.jpg differ diff --git a/src/main/resources/resources/demo/images/avatar/activity-1.png b/src/main/resources/resources/demo/images/avatar/activity-1.png new file mode 100644 index 0000000..ce25a0e Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/activity-1.png differ diff --git a/src/main/resources/resources/demo/images/avatar/activity-2.png b/src/main/resources/resources/demo/images/avatar/activity-2.png new file mode 100644 index 0000000..b967d7c Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/activity-2.png differ diff --git a/src/main/resources/resources/demo/images/avatar/activity-3.png b/src/main/resources/resources/demo/images/avatar/activity-3.png new file mode 100644 index 0000000..e5ab243 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/activity-3.png differ diff --git a/src/main/resources/resources/demo/images/avatar/amyelsner.png b/src/main/resources/resources/demo/images/avatar/amyelsner.png new file mode 100644 index 0000000..f43f164 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/amyelsner.png differ diff --git a/src/main/resources/resources/demo/images/avatar/annafali.png b/src/main/resources/resources/demo/images/avatar/annafali.png new file mode 100644 index 0000000..b312fec Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/annafali.png differ diff --git a/src/main/resources/resources/demo/images/avatar/asiyajavayant.png b/src/main/resources/resources/demo/images/avatar/asiyajavayant.png new file mode 100644 index 0000000..545ca73 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/asiyajavayant.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-1.png b/src/main/resources/resources/demo/images/avatar/avatar-1.png new file mode 100644 index 0000000..42b3ab0 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-1.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-10.png b/src/main/resources/resources/demo/images/avatar/avatar-10.png new file mode 100644 index 0000000..1eb084a Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-10.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-11.png b/src/main/resources/resources/demo/images/avatar/avatar-11.png new file mode 100644 index 0000000..0b8dd13 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-11.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-12.png b/src/main/resources/resources/demo/images/avatar/avatar-12.png new file mode 100644 index 0000000..5eb2a10 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-12.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-13.png b/src/main/resources/resources/demo/images/avatar/avatar-13.png new file mode 100644 index 0000000..308f1ba Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-13.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-14.png b/src/main/resources/resources/demo/images/avatar/avatar-14.png new file mode 100644 index 0000000..b2a1157 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-14.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-15.png b/src/main/resources/resources/demo/images/avatar/avatar-15.png new file mode 100644 index 0000000..987514c Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-15.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-16.png b/src/main/resources/resources/demo/images/avatar/avatar-16.png new file mode 100644 index 0000000..c219bb1 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-16.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-2.png b/src/main/resources/resources/demo/images/avatar/avatar-2.png new file mode 100644 index 0000000..575dcfa Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-2.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-3.png b/src/main/resources/resources/demo/images/avatar/avatar-3.png new file mode 100644 index 0000000..b93d4d7 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-3.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-4.png b/src/main/resources/resources/demo/images/avatar/avatar-4.png new file mode 100644 index 0000000..c063bf6 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-4.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-5.png b/src/main/resources/resources/demo/images/avatar/avatar-5.png new file mode 100644 index 0000000..be19c16 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-5.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-6.png b/src/main/resources/resources/demo/images/avatar/avatar-6.png new file mode 100644 index 0000000..e2d5db4 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-6.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-7.png b/src/main/resources/resources/demo/images/avatar/avatar-7.png new file mode 100644 index 0000000..1d9c337 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-7.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-8.png b/src/main/resources/resources/demo/images/avatar/avatar-8.png new file mode 100644 index 0000000..b150563 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-8.png differ diff --git a/src/main/resources/resources/demo/images/avatar/avatar-9.png b/src/main/resources/resources/demo/images/avatar/avatar-9.png new file mode 100644 index 0000000..03a4dc9 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/avatar-9.png differ diff --git a/src/main/resources/resources/demo/images/avatar/bernardodominic.png b/src/main/resources/resources/demo/images/avatar/bernardodominic.png new file mode 100644 index 0000000..e803b32 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/bernardodominic.png differ diff --git a/src/main/resources/resources/demo/images/avatar/elwinsharvill.png b/src/main/resources/resources/demo/images/avatar/elwinsharvill.png new file mode 100644 index 0000000..6045de8 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/elwinsharvill.png differ diff --git a/src/main/resources/resources/demo/images/avatar/ionibowcher.png b/src/main/resources/resources/demo/images/avatar/ionibowcher.png new file mode 100644 index 0000000..9bd6cdf Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/ionibowcher.png differ diff --git a/src/main/resources/resources/demo/images/avatar/ivanmagalhaes.png b/src/main/resources/resources/demo/images/avatar/ivanmagalhaes.png new file mode 100644 index 0000000..93f34cd Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/ivanmagalhaes.png differ diff --git a/src/main/resources/resources/demo/images/avatar/onyamalimba.png b/src/main/resources/resources/demo/images/avatar/onyamalimba.png new file mode 100644 index 0000000..14166c8 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/onyamalimba.png differ diff --git a/src/main/resources/resources/demo/images/avatar/profile.jpg b/src/main/resources/resources/demo/images/avatar/profile.jpg new file mode 100644 index 0000000..b8b6179 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/profile.jpg differ diff --git a/src/main/resources/resources/demo/images/avatar/stephenshaw.png b/src/main/resources/resources/demo/images/avatar/stephenshaw.png new file mode 100644 index 0000000..2ab291a Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/stephenshaw.png differ diff --git a/src/main/resources/resources/demo/images/avatar/xuxuefeng.png b/src/main/resources/resources/demo/images/avatar/xuxuefeng.png new file mode 100644 index 0000000..aa2f641 Binary files /dev/null and b/src/main/resources/resources/demo/images/avatar/xuxuefeng.png differ diff --git a/src/main/resources/resources/demo/images/documentation/breadcrumb-doc.jpg b/src/main/resources/resources/demo/images/documentation/breadcrumb-doc.jpg new file mode 100644 index 0000000..d60e93d Binary files /dev/null and b/src/main/resources/resources/demo/images/documentation/breadcrumb-doc.jpg differ diff --git a/src/main/resources/resources/demo/images/documentation/inlinemenu-doc.jpg b/src/main/resources/resources/demo/images/documentation/inlinemenu-doc.jpg new file mode 100644 index 0000000..158b31f Binary files /dev/null and b/src/main/resources/resources/demo/images/documentation/inlinemenu-doc.jpg differ diff --git a/src/main/resources/resources/demo/images/documentation/rightmenu-doc.jpg b/src/main/resources/resources/demo/images/documentation/rightmenu-doc.jpg new file mode 100644 index 0000000..7fc480a Binary files /dev/null and b/src/main/resources/resources/demo/images/documentation/rightmenu-doc.jpg differ diff --git a/src/main/resources/resources/demo/images/documentation/topbar-doc.jpg b/src/main/resources/resources/demo/images/documentation/topbar-doc.jpg new file mode 100644 index 0000000..ae327d5 Binary files /dev/null and b/src/main/resources/resources/demo/images/documentation/topbar-doc.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria1.jpg b/src/main/resources/resources/demo/images/galleria/galleria1.jpg new file mode 100644 index 0000000..e36b801 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria1.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria10.jpg b/src/main/resources/resources/demo/images/galleria/galleria10.jpg new file mode 100644 index 0000000..2120049 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria10.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria10s.jpg b/src/main/resources/resources/demo/images/galleria/galleria10s.jpg new file mode 100644 index 0000000..fce806c Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria10s.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria11.jpg b/src/main/resources/resources/demo/images/galleria/galleria11.jpg new file mode 100644 index 0000000..98200b5 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria11.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria11s.jpg b/src/main/resources/resources/demo/images/galleria/galleria11s.jpg new file mode 100644 index 0000000..8c2ec99 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria11s.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria12.jpg b/src/main/resources/resources/demo/images/galleria/galleria12.jpg new file mode 100644 index 0000000..c11a2d6 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria12.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria12s.jpg b/src/main/resources/resources/demo/images/galleria/galleria12s.jpg new file mode 100644 index 0000000..932fe79 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria12s.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria13.jpg b/src/main/resources/resources/demo/images/galleria/galleria13.jpg new file mode 100644 index 0000000..7f9258a Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria13.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria13s.jpg b/src/main/resources/resources/demo/images/galleria/galleria13s.jpg new file mode 100644 index 0000000..ec0a1bc Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria13s.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria14.jpg b/src/main/resources/resources/demo/images/galleria/galleria14.jpg new file mode 100644 index 0000000..6ad39ac Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria14.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria14s.jpg b/src/main/resources/resources/demo/images/galleria/galleria14s.jpg new file mode 100644 index 0000000..c13c4f7 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria14s.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria15.jpg b/src/main/resources/resources/demo/images/galleria/galleria15.jpg new file mode 100644 index 0000000..773e0f8 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria15.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria15s.jpg b/src/main/resources/resources/demo/images/galleria/galleria15s.jpg new file mode 100644 index 0000000..ecd518e Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria15s.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria1s.jpg b/src/main/resources/resources/demo/images/galleria/galleria1s.jpg new file mode 100644 index 0000000..fdef61d Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria1s.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria2.jpg b/src/main/resources/resources/demo/images/galleria/galleria2.jpg new file mode 100644 index 0000000..f015d16 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria2.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria2s.jpg b/src/main/resources/resources/demo/images/galleria/galleria2s.jpg new file mode 100644 index 0000000..f06145d Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria2s.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria3.jpg b/src/main/resources/resources/demo/images/galleria/galleria3.jpg new file mode 100644 index 0000000..dfe588d Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria3.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria3s.jpg b/src/main/resources/resources/demo/images/galleria/galleria3s.jpg new file mode 100644 index 0000000..c53d6d8 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria3s.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria4.jpg b/src/main/resources/resources/demo/images/galleria/galleria4.jpg new file mode 100644 index 0000000..fc8ed45 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria4.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria4s.jpg b/src/main/resources/resources/demo/images/galleria/galleria4s.jpg new file mode 100644 index 0000000..58c04a5 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria4s.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria5.jpg b/src/main/resources/resources/demo/images/galleria/galleria5.jpg new file mode 100644 index 0000000..de544fa Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria5.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria5s.jpg b/src/main/resources/resources/demo/images/galleria/galleria5s.jpg new file mode 100644 index 0000000..35c04c9 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria5s.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria6.jpg b/src/main/resources/resources/demo/images/galleria/galleria6.jpg new file mode 100644 index 0000000..a13c395 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria6.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria6s.jpg b/src/main/resources/resources/demo/images/galleria/galleria6s.jpg new file mode 100644 index 0000000..fe9a3f1 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria6s.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria7.jpg b/src/main/resources/resources/demo/images/galleria/galleria7.jpg new file mode 100644 index 0000000..1871130 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria7.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria7s.jpg b/src/main/resources/resources/demo/images/galleria/galleria7s.jpg new file mode 100644 index 0000000..e4bf005 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria7s.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria8.jpg b/src/main/resources/resources/demo/images/galleria/galleria8.jpg new file mode 100644 index 0000000..c346a49 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria8.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria8s.jpg b/src/main/resources/resources/demo/images/galleria/galleria8s.jpg new file mode 100644 index 0000000..1786d91 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria8s.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria9.jpg b/src/main/resources/resources/demo/images/galleria/galleria9.jpg new file mode 100644 index 0000000..62326d1 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria9.jpg differ diff --git a/src/main/resources/resources/demo/images/galleria/galleria9s.jpg b/src/main/resources/resources/demo/images/galleria/galleria9s.jpg new file mode 100644 index 0000000..ca8ca50 Binary files /dev/null and b/src/main/resources/resources/demo/images/galleria/galleria9s.jpg differ diff --git a/src/main/resources/resources/demo/images/landing/landing-header.png b/src/main/resources/resources/demo/images/landing/landing-header.png new file mode 100644 index 0000000..4e659c4 Binary files /dev/null and b/src/main/resources/resources/demo/images/landing/landing-header.png differ diff --git a/src/main/resources/resources/demo/images/landing/promotion.png b/src/main/resources/resources/demo/images/landing/promotion.png new file mode 100644 index 0000000..038a1f4 Binary files /dev/null and b/src/main/resources/resources/demo/images/landing/promotion.png differ diff --git a/src/main/resources/resources/demo/images/notfound/404-2x.png b/src/main/resources/resources/demo/images/notfound/404-2x.png new file mode 100644 index 0000000..97f177f Binary files /dev/null and b/src/main/resources/resources/demo/images/notfound/404-2x.png differ diff --git a/src/main/resources/resources/demo/images/notfound/404-bg.jpg b/src/main/resources/resources/demo/images/notfound/404-bg.jpg new file mode 100644 index 0000000..9f70696 Binary files /dev/null and b/src/main/resources/resources/demo/images/notfound/404-bg.jpg differ diff --git a/src/main/resources/resources/demo/images/notfound/404.png b/src/main/resources/resources/demo/images/notfound/404.png new file mode 100644 index 0000000..1807feb Binary files /dev/null and b/src/main/resources/resources/demo/images/notfound/404.png differ diff --git a/src/main/resources/resources/demo/images/pages/401.svg b/src/main/resources/resources/demo/images/pages/401.svg new file mode 100644 index 0000000..325f0df --- /dev/null +++ b/src/main/resources/resources/demo/images/pages/401.svg @@ -0,0 +1,12 @@ + + + + 8931E9BA-C84B-4069-9EAC-D5DE09A5F7A1 + Created with sketchtool. + + + + + + + \ No newline at end of file diff --git a/src/main/resources/resources/demo/images/pages/asset-amex.svg b/src/main/resources/resources/demo/images/pages/asset-amex.svg new file mode 100644 index 0000000..f03f87c --- /dev/null +++ b/src/main/resources/resources/demo/images/pages/asset-amex.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/resources/demo/images/pages/asset-mastercard.svg b/src/main/resources/resources/demo/images/pages/asset-mastercard.svg new file mode 100644 index 0000000..a17520a --- /dev/null +++ b/src/main/resources/resources/demo/images/pages/asset-mastercard.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/main/resources/resources/demo/images/pages/asset-paypal.svg b/src/main/resources/resources/demo/images/pages/asset-paypal.svg new file mode 100644 index 0000000..0bf356d --- /dev/null +++ b/src/main/resources/resources/demo/images/pages/asset-paypal.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/resources/demo/images/pages/asset-visa.svg b/src/main/resources/resources/demo/images/pages/asset-visa.svg new file mode 100644 index 0000000..dbf38c0 --- /dev/null +++ b/src/main/resources/resources/demo/images/pages/asset-visa.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/main/resources/resources/demo/images/pages/background@2x.jpg b/src/main/resources/resources/demo/images/pages/background@2x.jpg new file mode 100644 index 0000000..5000566 Binary files /dev/null and b/src/main/resources/resources/demo/images/pages/background@2x.jpg differ diff --git a/src/main/resources/resources/demo/images/pages/flag-us@2x.png b/src/main/resources/resources/demo/images/pages/flag-us@2x.png new file mode 100644 index 0000000..5e83038 Binary files /dev/null and b/src/main/resources/resources/demo/images/pages/flag-us@2x.png differ diff --git a/src/main/resources/resources/demo/images/pages/help-header@2x.jpg b/src/main/resources/resources/demo/images/pages/help-header@2x.jpg new file mode 100644 index 0000000..f0ba33b Binary files /dev/null and b/src/main/resources/resources/demo/images/pages/help-header@2x.jpg differ diff --git a/src/main/resources/resources/demo/images/pages/logo.png b/src/main/resources/resources/demo/images/pages/logo.png new file mode 100644 index 0000000..a163af5 Binary files /dev/null and b/src/main/resources/resources/demo/images/pages/logo.png differ diff --git a/src/main/resources/resources/demo/images/pages/prime-logo.svg b/src/main/resources/resources/demo/images/pages/prime-logo.svg new file mode 100644 index 0000000..62bec21 --- /dev/null +++ b/src/main/resources/resources/demo/images/pages/prime-logo.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/resources/demo/images/primeblocks/hero/hero-1.png b/src/main/resources/resources/demo/images/primeblocks/hero/hero-1.png new file mode 100644 index 0000000..18835ad Binary files /dev/null and b/src/main/resources/resources/demo/images/primeblocks/hero/hero-1.png differ diff --git a/src/main/resources/resources/demo/images/primeblocks/logos/hyper.svg b/src/main/resources/resources/demo/images/primeblocks/logos/hyper.svg new file mode 100644 index 0000000..acf30bc --- /dev/null +++ b/src/main/resources/resources/demo/images/primeblocks/logos/hyper.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/src/main/resources/resources/demo/images/product/Soummam-Cerealo-Miel-1L.jpg b/src/main/resources/resources/demo/images/product/Soummam-Cerealo-Miel-1L.jpg new file mode 100644 index 0000000..38f0611 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/Soummam-Cerealo-Miel-1L.jpg differ diff --git a/src/main/resources/resources/demo/images/product/bamboo-watch.jpg b/src/main/resources/resources/demo/images/product/bamboo-watch.jpg new file mode 100644 index 0000000..dbff9ed Binary files /dev/null and b/src/main/resources/resources/demo/images/product/bamboo-watch.jpg differ diff --git a/src/main/resources/resources/demo/images/product/black-watch.jpg b/src/main/resources/resources/demo/images/product/black-watch.jpg new file mode 100644 index 0000000..03f8bd4 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/black-watch.jpg differ diff --git a/src/main/resources/resources/demo/images/product/blue-band.jpg b/src/main/resources/resources/demo/images/product/blue-band.jpg new file mode 100644 index 0000000..3b84a9a Binary files /dev/null and b/src/main/resources/resources/demo/images/product/blue-band.jpg differ diff --git a/src/main/resources/resources/demo/images/product/blue-t-shirt.jpg b/src/main/resources/resources/demo/images/product/blue-t-shirt.jpg new file mode 100644 index 0000000..3287ead Binary files /dev/null and b/src/main/resources/resources/demo/images/product/blue-t-shirt.jpg differ diff --git a/src/main/resources/resources/demo/images/product/boite.png b/src/main/resources/resources/demo/images/product/boite.png new file mode 100644 index 0000000..3c2fabf Binary files /dev/null and b/src/main/resources/resources/demo/images/product/boite.png differ diff --git a/src/main/resources/resources/demo/images/product/bracelet.jpg b/src/main/resources/resources/demo/images/product/bracelet.jpg new file mode 100644 index 0000000..6177665 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/bracelet.jpg differ diff --git a/src/main/resources/resources/demo/images/product/brown-purse.jpg b/src/main/resources/resources/demo/images/product/brown-purse.jpg new file mode 100644 index 0000000..0411571 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/brown-purse.jpg differ diff --git a/src/main/resources/resources/demo/images/product/chakra-bracelet.jpg b/src/main/resources/resources/demo/images/product/chakra-bracelet.jpg new file mode 100644 index 0000000..29f4771 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/chakra-bracelet.jpg differ diff --git a/src/main/resources/resources/demo/images/product/galaxy-earrings.jpg b/src/main/resources/resources/demo/images/product/galaxy-earrings.jpg new file mode 100644 index 0000000..ad0b1b1 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/galaxy-earrings.jpg differ diff --git a/src/main/resources/resources/demo/images/product/game-controller.jpg b/src/main/resources/resources/demo/images/product/game-controller.jpg new file mode 100644 index 0000000..6d309ee Binary files /dev/null and b/src/main/resources/resources/demo/images/product/game-controller.jpg differ diff --git a/src/main/resources/resources/demo/images/product/gaming-set.jpg b/src/main/resources/resources/demo/images/product/gaming-set.jpg new file mode 100644 index 0000000..9fdbe6c Binary files /dev/null and b/src/main/resources/resources/demo/images/product/gaming-set.jpg differ diff --git a/src/main/resources/resources/demo/images/product/gold-phone-case.jpg b/src/main/resources/resources/demo/images/product/gold-phone-case.jpg new file mode 100644 index 0000000..7671968 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/gold-phone-case.jpg differ diff --git a/src/main/resources/resources/demo/images/product/green-earbuds.jpg b/src/main/resources/resources/demo/images/product/green-earbuds.jpg new file mode 100644 index 0000000..7813105 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/green-earbuds.jpg differ diff --git a/src/main/resources/resources/demo/images/product/green-t-shirt.jpg b/src/main/resources/resources/demo/images/product/green-t-shirt.jpg new file mode 100644 index 0000000..fdb70a7 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/green-t-shirt.jpg differ diff --git a/src/main/resources/resources/demo/images/product/grey-t-shirt.jpg b/src/main/resources/resources/demo/images/product/grey-t-shirt.jpg new file mode 100644 index 0000000..5b6d78a Binary files /dev/null and b/src/main/resources/resources/demo/images/product/grey-t-shirt.jpg differ diff --git a/src/main/resources/resources/demo/images/product/headphones.jpg b/src/main/resources/resources/demo/images/product/headphones.jpg new file mode 100644 index 0000000..5f9f31d Binary files /dev/null and b/src/main/resources/resources/demo/images/product/headphones.jpg differ diff --git a/src/main/resources/resources/demo/images/product/light-green-t-shirt.jpg b/src/main/resources/resources/demo/images/product/light-green-t-shirt.jpg new file mode 100644 index 0000000..2fb6219 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/light-green-t-shirt.jpg differ diff --git a/src/main/resources/resources/demo/images/product/lime-band.jpg b/src/main/resources/resources/demo/images/product/lime-band.jpg new file mode 100644 index 0000000..5627c6b Binary files /dev/null and b/src/main/resources/resources/demo/images/product/lime-band.jpg differ diff --git a/src/main/resources/resources/demo/images/product/mini-speakers.jpg b/src/main/resources/resources/demo/images/product/mini-speakers.jpg new file mode 100644 index 0000000..8883aa2 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/mini-speakers.jpg differ diff --git a/src/main/resources/resources/demo/images/product/painted-phone-case.jpg b/src/main/resources/resources/demo/images/product/painted-phone-case.jpg new file mode 100644 index 0000000..5da5f00 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/painted-phone-case.jpg differ diff --git a/src/main/resources/resources/demo/images/product/pink-band.jpg b/src/main/resources/resources/demo/images/product/pink-band.jpg new file mode 100644 index 0000000..50124ad Binary files /dev/null and b/src/main/resources/resources/demo/images/product/pink-band.jpg differ diff --git a/src/main/resources/resources/demo/images/product/pink-purse.jpg b/src/main/resources/resources/demo/images/product/pink-purse.jpg new file mode 100644 index 0000000..a5e864f Binary files /dev/null and b/src/main/resources/resources/demo/images/product/pink-purse.jpg differ diff --git a/src/main/resources/resources/demo/images/product/product-placeholder.svg b/src/main/resources/resources/demo/images/product/product-placeholder.svg new file mode 100644 index 0000000..714f105 --- /dev/null +++ b/src/main/resources/resources/demo/images/product/product-placeholder.svg @@ -0,0 +1,10 @@ + + + Artboard + + + + + + + \ No newline at end of file diff --git a/src/main/resources/resources/demo/images/product/purple-band.jpg b/src/main/resources/resources/demo/images/product/purple-band.jpg new file mode 100644 index 0000000..17523fe Binary files /dev/null and b/src/main/resources/resources/demo/images/product/purple-band.jpg differ diff --git a/src/main/resources/resources/demo/images/product/purple-gemstone-necklace.jpg b/src/main/resources/resources/demo/images/product/purple-gemstone-necklace.jpg new file mode 100644 index 0000000..a40d4b3 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/purple-gemstone-necklace.jpg differ diff --git a/src/main/resources/resources/demo/images/product/purple-t-shirt.jpg b/src/main/resources/resources/demo/images/product/purple-t-shirt.jpg new file mode 100644 index 0000000..12d75f1 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/purple-t-shirt.jpg differ diff --git a/src/main/resources/resources/demo/images/product/shoes.jpg b/src/main/resources/resources/demo/images/product/shoes.jpg new file mode 100644 index 0000000..efc7aca Binary files /dev/null and b/src/main/resources/resources/demo/images/product/shoes.jpg differ diff --git a/src/main/resources/resources/demo/images/product/sneakers.jpg b/src/main/resources/resources/demo/images/product/sneakers.jpg new file mode 100644 index 0000000..53f66dc Binary files /dev/null and b/src/main/resources/resources/demo/images/product/sneakers.jpg differ diff --git a/src/main/resources/resources/demo/images/product/teal-t-shirt.jpg b/src/main/resources/resources/demo/images/product/teal-t-shirt.jpg new file mode 100644 index 0000000..749ae9d Binary files /dev/null and b/src/main/resources/resources/demo/images/product/teal-t-shirt.jpg differ diff --git a/src/main/resources/resources/demo/images/product/yellow-earbuds.jpg b/src/main/resources/resources/demo/images/product/yellow-earbuds.jpg new file mode 100644 index 0000000..1bfc87a Binary files /dev/null and b/src/main/resources/resources/demo/images/product/yellow-earbuds.jpg differ diff --git a/src/main/resources/resources/demo/images/product/yoga-mat.jpg b/src/main/resources/resources/demo/images/product/yoga-mat.jpg new file mode 100644 index 0000000..18d9564 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/yoga-mat.jpg differ diff --git a/src/main/resources/resources/demo/images/product/yoga-set.jpg b/src/main/resources/resources/demo/images/product/yoga-set.jpg new file mode 100644 index 0000000..734ba58 Binary files /dev/null and b/src/main/resources/resources/demo/images/product/yoga-set.jpg differ diff --git a/src/main/resources/resources/demo/images/widgets/asset-profile.png b/src/main/resources/resources/demo/images/widgets/asset-profile.png new file mode 100644 index 0000000..d0b5212 Binary files /dev/null and b/src/main/resources/resources/demo/images/widgets/asset-profile.png differ diff --git a/src/main/resources/resources/demo/images/widgets/feature-faq.svg b/src/main/resources/resources/demo/images/widgets/feature-faq.svg new file mode 100644 index 0000000..fe143f6 --- /dev/null +++ b/src/main/resources/resources/demo/images/widgets/feature-faq.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/resources/demo/images/widgets/feature-onboarding.svg b/src/main/resources/resources/demo/images/widgets/feature-onboarding.svg new file mode 100644 index 0000000..486ce32 --- /dev/null +++ b/src/main/resources/resources/demo/images/widgets/feature-onboarding.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/resources/demo/images/widgets/feature-security.svg b/src/main/resources/resources/demo/images/widgets/feature-security.svg new file mode 100644 index 0000000..5bf2cee --- /dev/null +++ b/src/main/resources/resources/demo/images/widgets/feature-security.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/resources/resources/demo/images/widgets/image-blog.jpg b/src/main/resources/resources/demo/images/widgets/image-blog.jpg new file mode 100644 index 0000000..f69e6c1 Binary files /dev/null and b/src/main/resources/resources/demo/images/widgets/image-blog.jpg differ diff --git a/src/main/resources/resources/demo/images/widgets/map.jpg b/src/main/resources/resources/demo/images/widgets/map.jpg new file mode 100644 index 0000000..bd62ba4 Binary files /dev/null and b/src/main/resources/resources/demo/images/widgets/map.jpg differ diff --git a/src/main/resources/resources/demo/prism/prism.css b/src/main/resources/resources/demo/prism/prism.css new file mode 100644 index 0000000..178d8c3 --- /dev/null +++ b/src/main/resources/resources/demo/prism/prism.css @@ -0,0 +1,178 @@ +/** +* prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML +* Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics); +* @author Tim Shedor +*/ +code[class*="language-"], pre[class*="language-"] { + color: black; + background: none; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} +/* Code blocks */ +pre[class*="language-"] { + position: relative; + margin: 0.5em 0; + overflow: visible; + padding: 0; +} +pre[class*="language-"] > code { + position: relative; + border-left: 10px solid #358ccb; + box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf; + background-color: #fdfdfd; + background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%); + background-size: 3em 3em; + background-origin: content-box; + background-attachment: local; +} +code[class*="language"] { + max-height: inherit; + padding: 0 1em; + display: block; + overflow: auto; +} +/* Margin bottom to accomodate shadow */ +:not(pre) > code[class*="language-"], pre[class*="language-"] { + background-color: #fdfdfd; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 1em; +} +/* Inline code */ +:not(pre) > code[class*="language-"] { + position: relative; + padding: 0.2em; + border-radius: 0.3em; + color: #c92c2c; + border: 1px solid rgba(0, 0, 0, 0.1); + display: inline; + white-space: normal; +} +pre[class*="language-"]:before, pre[class*="language-"]:after { + content: ''; + z-index: -2; + display: block; + position: absolute; + bottom: 0.75em; + left: 0.18em; + width: 40%; + height: 20%; + max-height: 13em; + box-shadow: 0px 13px 8px #979797; + -webkit-transform: rotate(-2deg); + -moz-transform: rotate(-2deg); + -ms-transform: rotate(-2deg); + -o-transform: rotate(-2deg); + transform: rotate(-2deg); +} +:not(pre) > code[class*="language-"]:after, pre[class*="language-"]:after { + right: 0.75em; + left: auto; + -webkit-transform: rotate(2deg); + -moz-transform: rotate(2deg); + -ms-transform: rotate(2deg); + -o-transform: rotate(2deg); + transform: rotate(2deg); +} +.token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata { + color: #7d8b99; +} +.token.punctuation { + color: #5f6364; +} +.token.property, .token.tag, .token.boolean, .token.number, .token.function-name, .token.constant, .token.symbol, .token.deleted { + color: #c92c2c; +} +.token.selector, .token.attr-name, .token.string, .token.char, .token.function, .token.builtin, .token.inserted { + color: #2f9c0a; +} +.token.operator, .token.entity, .token.url, .token.variable { + color: #a67f59; + background: rgba(255, 255, 255, 0.5); +} +.token.atrule, .token.attr-value, .token.keyword, .token.class-name { + color: #1990b8; +} +.token.regex, .token.important { + color: #e90; +} +.language-css .token.string, .style .token.string { + color: #a67f59; + background: rgba(255, 255, 255, 0.5); +} +.token.important { + font-weight: normal; +} +.token.bold { + font-weight: bold; +} +.token.italic { + font-style: italic; +} +.token.entity { + cursor: help; +} +.namespace { + opacity: 0.7; +} +@media screen and (max-width: 767px) { + pre[class*="language-"]:before, pre[class*="language-"]:after { + bottom: 14px; + box-shadow: none; + } +} +/* Plugin styles */ +.token.tab:not(:empty):before, .token.cr:before, .token.lf:before { + color: #e0d7d1; +} +/* Plugin styles: Line Numbers */ +pre[class*="language-"].line-numbers { + padding-left: 0; +} +pre[class*="language-"].line-numbers code { + padding-left: 3.8em; +} +pre[class*="language-"].line-numbers .line-numbers-rows { + left: 0; +} +/* Plugin styles: Line Highlight */ +pre[class*="language-"][data-line] { + padding-top: 0; + padding-bottom: 0; + padding-left: 0; +} +pre[data-line] code { + position: relative; + padding-left: 4em; +} +pre .line-highlight { + margin-top: 0; +} +/* PrimeFaces styles */ +pre[class*="language-"]:before, pre[class*="language-"]:after { + display: none !important; +} +pre[class*="language-"] code { + border-left: 6px solid var(--surface-border) !important; + box-shadow: none !important; + background: var(--surface-ground) !important; + margin: 1em 0; + color: var(--text-color); +} +.language-css .token.string, .style .token.string { + background: transparent; +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/prism/prism.js b/src/main/resources/resources/demo/prism/prism.js new file mode 100644 index 0000000..4cbeb12 --- /dev/null +++ b/src/main/resources/resources/demo/prism/prism.js @@ -0,0 +1,10 @@ +/* PrismJS 1.22.0 +https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+bash+java&plugins=line-numbers */ +var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,n=0,_={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(n){return n instanceof M?new M(n.type,e(n.content),n.alias):Array.isArray(n)?n.map(e):n.replace(/&/g,"&").replace(/=l.reach);y+=m.value.length,m=m.next){var k=m.value;if(t.length>n.length)return;if(!(k instanceof M)){var b,x=1;if(h){if(!(b=W(p,y,n,f)))break;var w=b.index,A=b.index+b[0].length,P=y;for(P+=m.value.length;P<=w;)m=m.next,P+=m.value.length;if(P-=m.value.length,y=P,m.value instanceof M)continue;for(var S=m;S!==t.tail&&(Pl.reach&&(l.reach=N);var j=m.prev;O&&(j=z(t,j,O),y+=O.length),I(t,j,x);var C=new M(o,g?_.tokenize(E,g):E,d,E);m=z(t,j,C),L&&z(t,m,L),1"+a.content+""},!u.document)return u.addEventListener&&(_.disableWorkerMessageHandler||u.addEventListener("message",function(e){var n=JSON.parse(e.data),t=n.language,r=n.code,a=n.immediateClose;u.postMessage(_.highlight(r,_.languages[t],t)),a&&u.close()},!1)),_;var e=_.util.currentScript();function t(){_.manual||_.highlightAll()}if(e&&(_.filename=e.src,e.hasAttribute("data-manual")&&(_.manual=!0)),!_.manual){var r=document.readyState;"loading"===r||"interactive"===r&&e&&e.defer?document.addEventListener("DOMContentLoaded",t):window.requestAnimationFrame?window.requestAnimationFrame(t):window.setTimeout(t,16)}return _}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism); +Prism.languages.markup={comment://,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^$|[[\]]/,"doctype-tag":/^DOCTYPE/,name:/[^\s<>'"]+/}},cdata://i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(a,e){var s={};s["language-"+e]={pattern:/(^$)/i,lookbehind:!0,inside:Prism.languages[e]},s.cdata=/^$/i;var n={"included-cdata":{pattern://i,inside:s}};n["language-"+e]={pattern:/[\s\S]+/,inside:Prism.languages[e]};var t={};t[a]={pattern:RegExp("(<__[^>]*>)(?:))*\\]\\]>|(?!)".replace(/__/g,function(){return a}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml; +!function(s){var e=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;s.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+e.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+e.source+"$"),alias:"url"}}},selector:RegExp("[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+e.source+")*(?=\\s*\\{)"),string:{pattern:e,greedy:!0},property:/(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},s.languages.css.atrule.inside.rest=s.languages.css;var t=s.languages.markup;t&&(t.tag.addInlined("style","css"),s.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/(^|["'\s])style\s*=\s*(?:"[^"]*"|'[^']*')/i,lookbehind:!0,inside:{"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{style:{pattern:/(["'])[\s\S]+(?=["']$)/,lookbehind:!0,alias:"language-css",inside:s.languages.css},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},"attr-name":/^style/i}}},t.tag))}(Prism); +Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|interface|extends|implements|trait|instanceof|new)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,boolean:/\b(?:true|false)\b/,function:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/}; +Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|for|from|function|(?:get|set)(?=\s*[\[$\w\xA0-\uFFFF])|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-flags":/[a-z]+$/,"regex-delimiter":/^\/|\/$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript; +!function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},a={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--?|-=|\+\+?|\+=|!=?|~|\*\*?|\*=|\/=?|%=?|<<=?|>>=?|<=?|>=?|==?|&&?|&=|\^=?|\|\|?|\|=|\?|:/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|x[0-9a-fA-F]{1,2}|u[0-9a-fA-F]{4}|U[0-9a-fA-F]{8})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)\w+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b\w+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+?)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:a},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)(["'])(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|(?!\2)[^\\`$])*\2/,lookbehind:!0,greedy:!0,inside:a}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:a.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|aptitude|apt-cache|apt-get|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:if|then|else|elif|fi|for|while|in|case|esac|function|select|do|done|until)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|break|cd|continue|eval|exec|exit|export|getopts|hash|pwd|readonly|return|shift|test|times|trap|umask|unset|alias|bind|builtin|caller|command|declare|echo|enable|help|let|local|logout|mapfile|printf|read|readarray|source|type|typeset|ulimit|unalias|set|shopt)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:true|false)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|==?|!=?|=~|<<[<-]?|[&\d]?>>|\d?[<>]&?|&[>&]?|\|[&|]?|<=?|>=?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var s=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],i=a.variable[1].inside,o=0;o>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,lookbehind:!0}}),e.languages.insertBefore("java","string",{"triple-quoted-string":{pattern:/"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,greedy:!0,alias:"string"}}),e.languages.insertBefore("java","class-name",{annotation:{pattern:/(^|[^.])@\w+(?:\s*\.\s*\w+)*/,lookbehind:!0,alias:"punctuation"},generics:{pattern:/<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<(?:[\w\s,.&?]|<[\w\s,.&?]*>)*>)*>)*>/,inside:{"class-name":a,keyword:t,punctuation:/[<>(),.:]/,operator:/[?&|]/}},namespace:{pattern:RegExp("(\\b(?:exports|import(?:\\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\\s+)(?!)[a-z]\\w*(?:\\.[a-z]\\w*)*\\.?".replace(//g,function(){return t.source})),lookbehind:!0,inside:{punctuation:/\./}}})}(Prism); +!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var o="line-numbers",a=/\n(?!$)/g,e=Prism.plugins.lineNumbers={getLine:function(e,n){if("PRE"===e.tagName&&e.classList.contains(o)){var t=e.querySelector(".line-numbers-rows");if(t){var i=parseInt(e.getAttribute("data-start"),10)||1,r=i+(t.children.length-1);n");(i=document.createElement("span")).setAttribute("aria-hidden","true"),i.className="line-numbers-rows",i.innerHTML=l,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(i),u([t]),Prism.hooks.run("line-numbers",e)}}}),Prism.hooks.add("line-numbers",function(e){e.plugins=e.plugins||{},e.plugins.lineNumbers=!0})}function u(e){if(0!=(e=e.filter(function(e){var n=t(e)["white-space"];return"pre-wrap"===n||"pre-line"===n})).length){var n=e.map(function(e){var n=e.querySelector("code"),t=e.querySelector(".line-numbers-rows");if(n&&t){var i=e.querySelector(".line-numbers-sizer"),r=n.textContent.split(a);i||((i=document.createElement("span")).className="line-numbers-sizer",n.appendChild(i)),i.innerHTML="0",i.style.display="block";var s=i.getBoundingClientRect().height;return i.innerHTML="",{element:e,lines:r,lineHeights:[],oneLinerHeight:s,sizer:i}}}).filter(Boolean);n.forEach(function(e){var i=e.sizer,n=e.lines,r=e.lineHeights,s=e.oneLinerHeight;r[n.length-1]=void 0,n.forEach(function(e,n){if(e&&1.card { + background-color: var(--content-alt-bgcolor) + } + } + + .pages-header { + margin-top: -3rem; + color: var(--primary-color-text); + border: 1.5px solid var(--divider-color); + border-radius: 4px; + margin-left: auto; + margin-right: auto; + + h2 { + margin: 0; + } + } + + .pages-detail { + color: var(--text-secondary-color); + } + } +} + +.order-badge { + border-radius: 2px; + padding: .25em .5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: .3px; + + &.order-delivered { + background: #C8E6C9; + color: #256029; + } + + &.order-cancelled { + background: #FFCDD2; + color: #C63737; + } + + &.order-pending { + background: #FEEDAF; + color: #8A5340; + } + + &.order-returned { + background: #ECCFFF; + color: #694382; + } +} + +.product-badge { + border-radius: 2px; + padding: .25em .5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: .3px; + + &.status-instock { + background: #C8E6C9; + color: #256029; + } + + &.status-outofstock { + background: #FFCDD2; + color: #C63737; + } + + &.status-lowstock { + background: #FEEDAF; + color: #8A5340; + } +} + +.customer-badge { + border-radius: 2px; + padding: .25em .5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: .3px; + + &.status-qualified { + background: #C8E6C9; + color: #256029; + } + + &.status-unqualified { + background: #FFCDD2; + color: #C63737; + } + + &.status-negotiation { + background: #FEEDAF; + color: #8A5340; + } + + &.status-new { + background: #B3E5FC; + color: #23547B; + } + + &.status-renewal { + background: #ECCFFF; + color: #694382; + } + + &.status-proposal { + background: #FFD8B2; + color: #805B36; + } +} + +.filter-container { + .ui-inputtext { + width: 400px; + } +} + +.ui-selection-column { + width: 2rem; +} + +@media (max-width: 640px) { + .filter-container { + width: 100%; + margin-top: .5rem; + } + + .filter-container .ui-inputtext { + width: 100%; + } + + .ui-selection-column { + width: auto; + text-align: center; + + .ui-column-title { + display: none !important; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/auth/_access.scss b/src/main/resources/resources/demo/styles/auth/_access.scss new file mode 100644 index 0000000..9dcd0b5 --- /dev/null +++ b/src/main/resources/resources/demo/styles/auth/_access.scss @@ -0,0 +1,12 @@ +.pages-body { + &.accessdenied-page { + background: url("\#{resource['demo:images/pages/accessDenied-bg.jpg']}"); + background-size: cover; + + .pages-panel { + .pages-header { + background: #FB8C00; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/auth/_error.scss b/src/main/resources/resources/demo/styles/auth/_error.scss new file mode 100644 index 0000000..0096dbc --- /dev/null +++ b/src/main/resources/resources/demo/styles/auth/_error.scss @@ -0,0 +1,12 @@ +.pages-body { + &.error-page { + background: url("\#{resource['demo:images/auth/error-bg.jpg']}"); + background-size: cover; + + .pages-panel { + .pages-header { + background: #D81B60; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/auth/_login.scss b/src/main/resources/resources/demo/styles/auth/_login.scss new file mode 100644 index 0000000..962c815 --- /dev/null +++ b/src/main/resources/resources/demo/styles/auth/_login.scss @@ -0,0 +1,24 @@ +.pages-body { + &.login-page { + background: url("\#{resource['demo:images/auth/login-bg.jpg']}"); + background-size: cover; + + .pages-panel { + .pages-header { + background: #0097A7; + } + + .input-panel { + width: 100%; + + .ui-inputtext { + width: 100% + } + } + + .login-button > * { + width: 100%; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/demo.css b/src/main/resources/resources/demo/styles/demo.css new file mode 100644 index 0000000..6829db3 --- /dev/null +++ b/src/main/resources/resources/demo/styles/demo.css @@ -0,0 +1,1425 @@ +.pages-body { + height: 100vh; +} +.pages-body .topbar { + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); + background-color: #1565C0; + z-index: 100; +} +.pages-body .topbar .topbar-left img { + height: 2rem; +} +.pages-body .topbar .ui-button.ui-button-flat.ui-button-plain { + color: #ffffff; +} +.pages-body .pages-panel { + text-align: center; + z-index: 200; +} +.pages-body .pages-panel.card { + border: 1.5px solid var(--divider-color); + border-radius: 6px; +} +.pages-body .pages-panel.card img { + width: 100%; +} +.pages-body .pages-panel.card > .card { + background-color: var(--content-alt-bgcolor); +} +.pages-body .pages-panel .pages-header { + margin-top: -3rem; + color: var(--primary-color-text); + border: 1.5px solid var(--divider-color); + border-radius: 4px; + margin-left: auto; + margin-right: auto; +} +.pages-body .pages-panel .pages-header h2 { + margin: 0; +} +.pages-body .pages-panel .pages-detail { + color: var(--text-secondary-color); +} + +.order-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; +} +.order-badge.order-delivered { + background: #C8E6C9; + color: #256029; +} +.order-badge.order-cancelled { + background: #FFCDD2; + color: #C63737; +} +.order-badge.order-pending { + background: #FEEDAF; + color: #8A5340; +} +.order-badge.order-returned { + background: #ECCFFF; + color: #694382; +} + +.product-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; +} +.product-badge.status-instock { + background: #C8E6C9; + color: #256029; +} +.product-badge.status-outofstock { + background: #FFCDD2; + color: #C63737; +} +.product-badge.status-lowstock { + background: #FEEDAF; + color: #8A5340; +} + +.customer-badge { + border-radius: 2px; + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; +} +.customer-badge.status-qualified { + background: #C8E6C9; + color: #256029; +} +.customer-badge.status-unqualified { + background: #FFCDD2; + color: #C63737; +} +.customer-badge.status-negotiation { + background: #FEEDAF; + color: #8A5340; +} +.customer-badge.status-new { + background: #B3E5FC; + color: #23547B; +} +.customer-badge.status-renewal { + background: #ECCFFF; + color: #694382; +} +.customer-badge.status-proposal { + background: #FFD8B2; + color: #805B36; +} + +.filter-container .ui-inputtext { + width: 400px; +} + +.ui-selection-column { + width: 2rem; +} + +@media (max-width: 640px) { + .filter-container { + width: 100%; + margin-top: 0.5rem; + } + + .filter-container .ui-inputtext { + width: 100%; + } + + .ui-selection-column { + width: auto; + text-align: center; + } + .ui-selection-column .ui-column-title { + display: none !important; + } +} +.pages-body.accessdenied-page { + background: url("#{resource['demo:images/pages/accessDenied-bg.jpg']}"); + background-size: cover; +} +.pages-body.accessdenied-page .pages-panel .pages-header { + background: #FB8C00; +} + +.pages-body.error-page { + background: url("#{resource['demo:images/auth/error-bg.jpg']}"); + background-size: cover; +} +.pages-body.error-page .pages-panel .pages-header { + background: #D81B60; +} + +.pages-body.login-page { + background: url("#{resource['demo:images/auth/login-bg.jpg']}"); + background-size: cover; +} +.pages-body.login-page .pages-panel .pages-header { + background: #0097A7; +} +.pages-body.login-page .pages-panel .input-panel { + width: 100%; +} +.pages-body.login-page .pages-panel .input-panel .ui-inputtext { + width: 100%; +} +.pages-body.login-page .pages-panel .login-button > * { + width: 100%; +} + +body .overview-box .overview-status { + font-weight: 500; + border-radius: 2px; + color: var(--body-bgcolor); +} +body .widget-list { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +body .widget-list > li { + border-bottom: 1px solid var(--divider-color); +} +body .widget-list > li:last-child { + border-bottom: 0 none; +} +body .widget-list > li .person-item img { + width: 2.5rem; + height: 2.5rem; +} +body .widget-list > li .widget-list-item-radius, +body .widget-list > li .person-tag { + border-radius: 2px; + color: var(--body-bgcolor); + font-weight: 500; +} +body .widget-list > li .ui-progressbar { + height: 6px; + border-radius: 10px; + background: var(--content-alt-bgcolor); +} +body .widget-list > li .ui-progressbar-value { + background: var(--orange); +} +body .widget-expenses .card-subheader { + font-size: 0.9rem; + color: var(---text-secondary-color); + border-bottom: 1px solid var(--divider-color); +} +body .widget-expenses .item { + padding: 0.5rem; + border-bottom: 1px solid var(--divider-color); +} +body .widget-expenses .item:last-child { + border: 0 none; +} +body .widget-expenses .item .type { + color: #0097A7; + font-size: 1.5rem; +} +body .widget-expenses .item .value { + font-weight: 500; +} +body .widget-expenses .item .subtext { + color: var(---text-secondary-color); +} +body .widget-expenses .item .item-button a { + color: var(---text-secondary-color); +} +body .widget-traffic .left { + padding: 1rem; +} +body .widget-traffic .left .total .title { + color: var(---text-secondary-color); +} +body .widget-traffic .left .total .value { + font-size: 2rem; + font-weight: 500; +} +body .widget-traffic .left .info .title { + color: var(---text-secondary-color); +} +body .widget-traffic .left .info .value { + font-weight: 500; +} +body .widget-traffic .left .info .percent { + font-size: 0.9rem; + font-weight: 500; + line-height: 1.5; +} +body .widget-traffic .left .info .percent i.type-green { + color: #0097A7; +} +body .widget-traffic .left .info .percent i.type-orange { + color: #EF6C00; +} +body .widget-traffic .left .info .percent i.type-gray { + color: #455A64; +} +body .widget-insights .card-subheader { + font-size: 0.9rem; + color: var(---text-secondary-color); + border-bottom: 1px solid var(--divider-color); +} +body .widget-social .info { + text-align: right; +} +body .widget-social .info .value { + font-size: 2rem; +} +body .widget-social .info .subtext { + color: var(---text-secondary-color); +} +body .widget-social .left, body .widget-social .right { + width: 50%; + text-align: center; + padding: 1rem; +} +body .widget-social .left .title, body .widget-social .right .title { + font-weight: 500; +} +body .widget-social .left .value, body .widget-social .right .value { + color: var(---text-secondary-color); +} +body .widget-social .left { + border-right: 1px solid var(--divider-color); +} +body .widget-social .ui-progressbar { + height: 6px; + border-radius: 10px; + background: var(--content-alt-bgcolor); +} +body .widget-social .ui-progressbar-value { + background: #FFB300; +} +body .widget-social .stats { + border-top: 1px solid var(--divider-color); +} +body .widget-topsearchs .item { + padding: 1rem; + border-bottom: 1px solid var(--divider-color); +} +body .widget-topsearchs .item .value { + font-weight: 500; +} +body .widget-topsearchs .item .value.type-green { + color: var(--cyan); +} +body .widget-topsearchs .item .value.type-yellow { + color: #EF6C00; +} +body .widget-topsearchs .item .value.type-pink { + color: var(--pink); +} +body .widget-topsearchs .item:nth-child(even) { + background-color: var(--content-alt-bgcolor); +} +body .widget-topsearchs .item:last-child { + border-bottom: 0 none; +} +body .widget-timeline .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite { + flex: 0; + padding: 0; +} +body .widget-timeline .ui-chronoline-event-separator .marker-icon { + color: white; +} +body .widget-timeline .ui-chronoline-event-separator .custom-marker { + border-radius: 4px; +} +body .widget-activity { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +body .widget-activity > li { + padding: 1rem 0; + border-bottom: 1px solid var(--divider-color); +} +body .widget-activity > li:last-child { + border-bottom: 0 none; +} +body .widget-activity > li:nth-child(1) .ui-progressbar-value { + background: var(--yellow); +} +body .widget-activity > li:nth-child(2) .ui-progressbar-value { + background: var(--pink); +} +body .widget-activity > li:nth-child(3) .ui-progressbar-value { + background: var(--cyan); +} +body .widget-activity > li:nth-child(4) .ui-progressbar-value { + background: var(--cyan); +} +body .widget-activity > li:nth-child(5) .ui-progressbar-value { + background: var(--cyan); +} +body .widget-activity > li:nth-child(6) .ui-progressbar-value { + background: var(--pink); +} +body .widget-activity > li .activity-item .activity-title { + font-weight: 500; +} +body .widget-activity > li .activity-item .activity-subtext { + font-size: 0.85rem; + color: var(---text-secondary-color); +} +body .widget-activity > li .activity-item .ui-progressbar { + height: 6px; + border-radius: 10px; + background: var(--content-alt-bgcolor); +} +body .widget-bestsellers { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +body .widget-bestsellers > li { + padding: 1rem 0; +} +body .widget-bestsellers > li:last-child { + border-bottom: 0 none; +} +body .widget-bestsellers > li .bestseller-item { + background-color: var(--content-alt-bgcolor); + border-radius: 4px; + height: 3.5rem; + transition: box-shadow 0.2s; +} +body .widget-bestsellers > li .bestseller-item img { + width: 32px; + height: 32px; + border-radius: 50%; +} +body .widget-bestsellers > li .bestseller-item a { + color: var(---text-secondary-color); +} +body .widget-bestsellers > li .bestseller-item .item-button { + margin-left: auto; +} +body .widget-bestsellers > li .bestseller-item:hover { + cursor: pointer; + background-color: var(--hover-bgcolor); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .widget-chat ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; + padding: 1rem 1rem 0; + height: 420px; + overflow-y: auto; +} +body .widget-chat ul li img { + width: 32px; +} +body .widget-chat ul li .message { + color: var(--body-bgcolor); +} +body .widget-chat ul li.from .message { + padding: 1rem; + border-radius: 30px; +} +body .widget-chat ul li.own { + text-align: right; +} +body .widget-chat ul li.own .message { + padding: 1rem; + border-radius: 30px; +} +body .widget-chat .write-message { + border-radius: 30px; +} +body .widget-chat .write-message .ui-inputgroup-addon { + padding: 0; + overflow: hidden; +} +body .widget-chat .write-message .ui-inputgroup-addon:first-child { + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; +} +body .widget-chat .write-message .ui-inputgroup-addon:last-child { + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; +} +body .widget-chat .write-message .ui-inputgroup-addon > .ui-button { + height: calc(2.5rem + 2px); + border-radius: 0; +} +body .widget-chat .write-message .emoji { + width: 90%; +} +body .widget-chat .write-message .emoji .emoji-button { + border-radius: 50%; + width: 2.5rem; + height: 2.5rem; + min-width: 0; +} +body .widget-chat .write-message .emoji .emoji-button .ui-button-label { + color: yellow !important; + font-size: 1.5rem; +} +@media (min-width: 990px) { + body .widget-chat .write-message .emoji { + width: 40%; + margin-left: -38%; + } +} + +body.layout-rtl .ui-datatable thead th, +body .layout-rtl .ui-datatable thead th { + text-align: right; +} + +.docs li { + line-height: 1.5; +} + +.landing-container .landing-color-button { + position: fixed; + bottom: 3rem; + right: 3rem; + z-index: 9999; +} +.landing-container h1, .landing-container h2, .landing-container h3, .landing-container h4, .landing-container h5, .landing-container h6 { + font-weight: 400; +} +.landing-container ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.landing-container .section { + padding: 2rem 15rem; +} +.landing-container #header { + width: 100%; + min-height: 400px; + background: url("#{resource['demo:images/landing/landing-header.png']}") top left no-repeat #f7f7f7; + background-size: cover; +} +.landing-container #header .header-menu-container a { + color: #ffffff; + cursor: pointer; +} +.landing-container #header .header-menu-container #menu { + display: flex; + align-items: center; + flex-direction: row; +} +.landing-container #header .header-text { + flex-grow: 1; +} +.landing-container #features .feature-button { + width: 100px; + height: 100px; +} +.landing-container #features .feature-button .ui-icon { + font-size: 2rem; + margin-top: -1rem; + margin-left: -1rem; +} +.landing-container #promotion { + background: url("#{resource['demo:images/landing/promotion.png']}") top left no-repeat; + background-size: 100% auto; +} +.landing-container #pricing .pricing-content { + width: 100%; +} +.landing-container #pricing .pricing-content .card { + height: 100%; +} +.landing-container #pricing .pricing-content .options { + padding: 2rem 4rem; +} +.landing-container #pricing .pricing-content .options li { + display: flex; + align-items: center; +} +.landing-container #pricing .pricing-content .options i, .landing-container #pricing .pricing-content .options span { + padding: 1rem; +} +.landing-container #pricing .pricing-content .options span { + font-size: 1.2rem; +} +.landing-container #footer { + border-top: 1px solid var(--divider-color); +} +.landing-container #footer a { + color: var(--text-color); +} +.landing-container #footer li { + padding: 0.25rem; +} + +@media screen and (min-width: 990px) { + .landing-container #header .header-menu-container { + box-shadow: none; + } + .landing-container #header .header-menu-container #menu { + box-shadow: none; + } +} +@media screen and (max-width: 991px) { + .landing-container .section { + padding: 2rem; + } + .landing-container #header .header-menu-container { + z-index: 100; + position: fixed; + top: 0; + left: 0; + width: 100%; + background: #212121; + padding: 2rem 5rem; + } + .landing-container #header .header-menu-container #menu { + display: none; + z-index: 100; + position: fixed; + top: 6rem; + right: 5rem; + width: 250px; + background-color: var(--content-bgcolor); + color: var(--text-color); + animation-duration: var(--transition-duration); + } + .landing-container #header .header-menu-container #menu a { + color: var(--text-color); + } + .landing-container #header .header-menu-container #menu > li { + width: 100%; + } + .landing-container #header .header-menu-container #menu > li:hover { + background-color: var(--hover-bgcolor); + transition: background-color var(--transition-duration); + } + .landing-container #header .header-menu-container #menu.menu-active { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: stretch; + } +} +.pages-body.notfound-page { + background: url("#{resource['demo:images/notfound/404-bg.jpg']}"); + background-size: cover; +} +.pages-body.notfound-page .pages-panel .pages-header { + background: #455A64; +} + +.custom-marker { + display: flex; + width: 2rem; + height: 2rem; + align-items: center; + justify-content: center; + color: #ffffff; + border-radius: 50%; + z-index: 1; +} + +.ui-chronoline-event-content, +.ui-chronoline-event-opposite { + line-height: 1; +} + +@media screen and (max-width: 960px) { + .customized-chronoline .ui-chronoline-event:nth-child(even) { + flex-direction: row !important; + } + + .customized-chronoline .ui-chronoline-event:nth-child(even) .ui-chronoline-event-content { + text-align: left !important; + } + + .customized-chronoline .ui-chronoline-event-opposite { + flex: 0; + } + + .customized-chronoline .ui-card { + margin-top: 1rem; + } +} +.pages-body.contact-page .map iframe { + border: 0; + position: absolute; + float: left; + clear: both; + width: 100%; + height: 45vh; + z-index: 0; + opacity: 0.5; +} +.pages-body.contact-page .map span { + position: absolute; + float: left; + clear: both; + width: 100%; + height: 45vh; + z-index: -1; + background: linear-gradient(180deg, #040B0F 0%, rgba(7, 14, 18, 0) 100%); +} +.pages-body.contact-page i { + color: white; +} +.pages-body.contact-page .pages-panel { + text-align: left; + width: 75%; + max-width: 1050px; + margin: auto; + position: absolute; + top: 33%; + left: 0; + right: 0; +} +.pages-body.contact-page .pages-panel .title { + font-weight: 500; + margin-bottom: 0; +} +.pages-body.contact-page .pages-panel .card .contact-input { + width: 100%; +} +.pages-body.contact-page .pages-panel .card .right-panel i { + font-size: 2rem; + padding: 0.5rem; + border-radius: 4px; +} +.pages-body.contact-page .pages-panel .card .right-panel i.pi-home { + color: #1565C0; + background: #BBDEFB; + background-size: auto; +} +.pages-body.contact-page .pages-panel .card .right-panel i.pi-briefcase { + color: #00838f; + background: #B2DFDB; + background-size: auto; +} + +@media screen and (max-width: 768px) { + .pages-body.contact-page .pages-panel { + padding-bottom: 10em; + } + .pages-body.contact-page .pages-panel .ui-button { + width: 100%; + } + .pages-body.contact-page .pages-panel .card .right-panel { + text-align: center; + } +} +.crud-demo .ui-datatable { + margin-top: 1rem; +} +.crud-demo .product-image { + width: 100px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} +.crud-demo .ui-dialog .product-image { + width: 250px; + margin: 0 auto 2rem auto; + display: block; +} +.crud-demo .ui-dialog-footer .ui-button { + min-width: 6rem; +} +.crud-demo .ui-datatable .ui-column-filter { + display: none; +} +.crud-demo .products-table-header { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; +} +.crud-demo .edit-button.ui-button { + margin-right: 0.5rem; +} +.crud-demo .orders-subtable { + padding: 1rem; +} +.crud-demo .products-table .ui-rating { + display: inline-block; +} + +@media (max-width: 640px) { + .products-table > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2) .ui-column-title, +.products-table > .ui-datatable-tablewrapper > table > tbody > tr > td:nth-child(2) .ui-column-title { + display: none !important; + } + + .products-buttonbar { + flex-direction: column; + } + .products-buttonbar > div:last-child { + margin-top: 0.5rem; + } +} +.layout-help-page .layout-help-page-header { + position: relative; +} +.layout-help-page .layout-help-page-header .layout-help-page-header-text { + position: absolute; + left: 2rem; + top: 50%; + margin-top: -1.75rem; + color: #ffffff; +} +.layout-help-page .layout-help-page-header .layout-help-page-search { + position: absolute; + left: 2rem; + bottom: -1rem; + border-radius: 4px; + width: calc(100% - 4rem); +} +.layout-help-page .layout-help-page-header .layout-help-page-search .ui-inputtext { + border: 0 none; +} +.layout-help-page .ui-accordion .ui-accordion-header { + display: flex; + align-items: center; +} + +@media print { + body * { + visibility: hidden; + } + + .layout-invoice-content { + position: absolute; + left: 0; + top: 0; + } + .layout-invoice-content * { + visibility: visible; + box-shadow: none; + color: #212121 !important; + border-color: #e4e4e4 !important; + background-color: transparent; + } +} +.wizard-body { + height: 100vh; + background: url("#{resource['demo:images/pages/background@2x.jpg']}") center; + background-size: cover; + background-repeat: no-repeat; + background-attachment: fixed; +} +.wizard-body .wizard-wrapper { + display: flex; + flex-direction: column; + height: 100%; +} +.wizard-body .wizard-wrapper .wizard-topbar { + background-color: #3949ab; + z-index: 1000; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); + height: 75px; + padding: 0 10%; + display: flex; + justify-content: space-between; + align-items: center; + flex-basis: 75px; + flex-grow: 0; + flex-shrink: 0; +} +.wizard-body .wizard-wrapper .wizard-topbar .logo { + display: inline-block; + vertical-align: middle; + width: 200px; + height: 30px; + background: url("#{resource['demo:images/pages/logo.png']}") top left no-repeat; +} +.wizard-body .wizard-wrapper .wizard-topbar .profile { + display: flex; + justify-content: center; + align-items: center; + flex-direction: row; +} +.wizard-body .wizard-wrapper .wizard-topbar .profile .profile-text { + margin-right: 15px; + text-align: right; +} +.wizard-body .wizard-wrapper .wizard-topbar .profile .profile-text h1 { + font-size: 16px; + color: #ffffff; + margin: 0; +} +.wizard-body .wizard-wrapper .wizard-topbar .profile .profile-text p { + font-size: 16px; + opacity: 0.6; + margin: 0; + color: rgba(255, 255, 255, 0.7); +} +.wizard-body .wizard-wrapper .wizard-topbar .profile .profile-image { + display: inline-block; + vertical-align: middle; + width: 40px; +} +.wizard-body .wizard-wrapper .wizard-content { + height: calc(100% - 75px); + min-height: 600px; + display: flex; + align-items: center; + justify-content: center; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card { + background-color: var(--content-bgcolor); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14); + height: 550px; + width: 54.33%; + display: flex; + flex-direction: column; + flex-grow: 0; + flex-shrink: 0; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header { + width: 100%; + background-color: #3f51b5; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); + position: relative; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab { + background-color: #3f51b5; + text-align: center; + cursor: pointer; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab i { + width: 20px; + opacity: 0.38; + color: #ffffff; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab .title { + color: #ffffff; + opacity: 0.38; + font-size: 16px; + line-height: 1.5em; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab .icon { + line-height: 1.5em; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab.selected-tab { + transition-duration: 0.6s; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab.selected-tab i { + opacity: 1; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab.selected-tab .title { + opacity: 1; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab-bar { + position: absolute; + bottom: 0; + left: 0; + height: 2px; + width: 33.3333%; + transition: 0.5s cubic-bezier(0.35, 0, 0.25, 1); + background-color: #ffffff; + visibility: visible; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab-bar.tab-bar-register { + width: 33.3333%; + left: 0; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab-bar.tab-bar-tier { + width: 33.3333%; + left: 33.3333%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-header .tab-bar.tab-bar-payment { + width: 33.3333%; + left: 66.6667%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content { + padding: 30px; + display: none; + overflow: auto; + height: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content > .grid { + height: 100%; + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content h1 { + font-size: 12px; + letter-spacing: 2px; + margin: 0; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.active-content { + display: flex; + flex-grow: 1; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .ui-inputgroup { + margin-top: 25px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .ui-inputgroup input { + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .ui-selectonemenu { + margin-top: 25px; + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .calendar { + margin-top: 14px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .calendar .ui-calendar { + width: 100%; + position: relative; + padding: 1px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .forms .calendar .ui-calendar input { + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.register .continue-button.ui-button { + width: 100%; + margin-top: 25px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card { + min-height: 400px; + padding: 0; + position: relative; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-header { + color: #ffffff; + font-size: 18px; + padding: 15px 10px; + background-color: #3f51b5; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-header h1 { + color: #ffffff; + font-size: 24px; + display: inline; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-content { + font-size: 14px; + padding: 10px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-content i { + color: #3f51b5; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-content .card-row { + height: 40px; + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-content .tier-button-wrapper { + position: absolute; + bottom: 15px; + right: 10px; + left: 0px; + width: auto; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card .card-content .tier-button-wrapper .tier-button.ui-button { + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro .card-header { + background-color: #e91e63; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro .card-content i { + color: #e91e63; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro .card-content .tier-button.ui-button { + background-color: #e91e63; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro-plus .card-header { + background-color: #607d8b; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro-plus .card-content i { + color: #607d8b; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.tier .card.pro-plus .card-content .tier-button.ui-button { + background-color: #607d8b; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment { + padding: 0; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .payment-info { + padding: 70px 35px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .payment-info .ui-float-label input { + width: 100%; + padding-bottom: 15px; + background-color: transparent; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .payment-info .ui-checkbox-label { + margin-left: 0.5em; + font-size: 14px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .payment-info #customPanel { + width: 100%; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .payment-info .check-info { + margin-top: 10px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info { + padding: 15px; + background-color: #e0e0e0; + border-left: solid 1px #bdbdbd; + font-size: 14px; + color: #757575; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .order-basic, .wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .order-pro, .wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .order-pro-plus, .wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .order-default { + display: none; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .selected-order { + display: block; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info h1 { + margin-top: 15px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .price { + font-weight: 700; + text-align: right; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .total { + border-top: 1px solid #bdbdbd; + padding: 15px 0px; + margin-top: 30px; +} +.wizard-body .wizard-wrapper .wizard-content .wizard-card .wizard-card-content.payment .order-info .buy-button.ui-button { + width: 100%; + margin: 68px 0; +} + +@media (max-width: 1024px) { + .wizard-body .wizard-wrapper .wizard-content .wizard-card { + width: 90%; + } +} +@media (max-width: 640px) { + .wizard-body .wizard-wrapper .wizard-topbar { + height: 150px; + padding: 0 5%; + flex-direction: column; + justify-content: space-around; + flex-basis: 150px; + } + .wizard-body .wizard-wrapper .wizard-topbar .logo { + align-self: flex-start; + } + .wizard-body .wizard-wrapper .wizard-topbar .profile { + align-self: flex-end; + } + .wizard-body .wizard-wrapper .wizard-content { + height: calc(100% - 150px); + } +} +.block-section { + margin-bottom: 4rem; +} + +.block-header { + padding: 1rem 2rem; + background-color: var(--surface-section); + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border: 1px solid var(--surface-d); + display: flex; + align-items: center; + justify-content: space-between; +} +.block-header .block-title { + font-size: 1.25rem; + font-weight: 600; + display: inline-flex; + align-items: center; +} +.block-header .block-title .badge-free { + border-radius: 4px; + padding: 0.25rem 0.5rem; + background-color: var(--orange-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: 0.875rem; +} +.block-header .block-title .badge-new { + border-radius: 4px; + padding: 0.25rem 0.5rem; + background-color: var(--green-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: 0.875rem; +} +.block-header .block-actions { + display: flex; + align-items: center; + justify-content: space-between; + user-select: none; +} +.block-header .block-actions a { + display: flex; + align-items: center; + margin-right: 0.75rem; + padding: 0.5rem 1rem; + border-radius: 4px; + border: 1px solid transparent; + transition: background-color 0.2s; + cursor: pointer; + color: var(--text-color); +} +.block-header .block-actions a:last-child { + margin-right: 0; +} +.block-header .block-actions a:not(.block-action-disabled):hover { + background-color: var(--surface-c); +} +.block-header .block-actions a.block-action-active { + border-color: var(--primary-color); + color: var(--primary-color); +} +.block-header .block-actions a.block-action-copy i { + color: var(--primary-color); + font-size: 1.25rem; +} +.block-header .block-actions a.block-action-disabled { + opacity: 0.6; + pointer-events: none; + cursor: auto !important; +} +.block-header .block-actions a .pi-lock { + margin-right: 0.5rem; +} + +.block-content { + padding: 0; + border: 1px solid var(--surface-d); + border-top: 0 none; +} +.block-content > div { + display: none; +} +.block-content > div.block-content-active { + display: block; +} + +.block-section pre[class*=language-] { + margin: 0 !important; +} +.block-section pre[class*=language-]:before, .block-section pre[class*=language-]:after { + display: none !important; +} +.block-section pre[class*=language-] code { + border-left: 0 none !important; + box-shadow: none !important; + background: var(--surface-e) !important; + margin: 0; + color: var(--text-color); + font-size: 14px; + padding: 1.5rem 2rem !important; +} + +@media screen and (max-width: 575px) { + .block-header { + flex-direction: column; + align-items: start; + } + .block-header .block-actions { + margin-top: 1rem; + } +} +.floatlabel-demo .field { + margin-top: 2rem; +} + +body.layout-rtl .floatlabel-demo .ui-float-label > label, +body .layout-rtl .floatlabel-demo .ui-float-label > label { + left: auto; + right: 0.75rem; +} +body.layout-rtl .floatlabel-demo .ui-input-icon-right > i:last-of-type, +body .layout-rtl .floatlabel-demo .ui-input-icon-right > i:last-of-type { + left: 0.75rem; + right: auto; +} +body.layout-rtl .floatlabel-demo .ui-selectonemenu .ui-selectonemenu-trigger, +body .layout-rtl .floatlabel-demo .ui-selectonemenu .ui-selectonemenu-trigger { + right: auto; + left: 0; +} + +.list-demo .product-name { + font-size: 1.5rem; + font-weight: 700; +} +.list-demo .product-description { + margin: 0 0 1rem 0; +} +.list-demo .product-category-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +.list-demo .product-category { + font-weight: 600; + vertical-align: middle; +} +.list-demo .product-list-item { + display: flex; + align-items: center; + padding: 1rem; +} +.list-demo .product-list-item img { + width: 150px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin-right: 2rem; +} +.list-demo .product-list-item .product-list-detail { + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +.list-demo .product-list-item .ui-rating { + margin: 0 0 0.5rem 0; +} +.list-demo .product-list-item .product-price { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: 0.5rem; + align-self: flex-end; +} +.list-demo .product-list-item .product-list-action { + display: flex; + flex-direction: column; +} +.list-demo .product-list-item .ui-button { + margin-bottom: 0.5rem; +} +.list-demo .product-grid-item { + border: 1px solid var(--divider-color); +} +.list-demo .product-grid-item .product-grid-item-top, +.list-demo .product-grid-item .product-grid-item-bottom { + display: flex; + align-items: center; + justify-content: space-between; +} +.list-demo .product-grid-item img { + width: 75%; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin: 2rem 0; +} +.list-demo .product-grid-item .product-grid-item-content { + text-align: center; +} +.list-demo .product-grid-item .product-price { + font-size: 1.5rem; + font-weight: 600; +} + +@media screen and (max-width: 991px) { + .list-demo .product-list-item { + flex-direction: column; + align-items: center; + } + .list-demo .product-list-item img { + width: 75%; + margin: 2rem 0; + } + .list-demo .product-list-item .product-list-detail { + text-align: center; + } + .list-demo .product-list-item .product-price { + align-self: center; + } + .list-demo .product-list-item .product-list-action { + display: flex; + flex-direction: column; + } + .list-demo .product-list-item .product-list-action { + margin-top: 2rem; + flex-direction: row; + justify-content: space-between; + align-items: center; + width: 100%; + } +} +.messages-demo .ui-button.ui-widget { + min-width: 6rem; +} +.messages-demo .field > label { + width: 125px; +} + +.misc-demo .ui-button.ui-widget { + min-width: 6rem; +} +.misc-demo .badges .ui-badge, +.misc-demo .badges .ui-tag { + margin-right: 0.5rem; +} +.misc-demo .ui-chip.custom-chip { + background: var(--primary-color); + color: var(--primary-color-text); +} +.misc-demo .custom-scrolltop { + width: 2rem; + height: 2rem; + border-radius: 4px; + background-color: var(--primary-color); +} +.misc-demo .custom-scrolltop:hover { + background-color: var(--primary-color); +} +.misc-demo .custom-scrolltop .ui-scrolltop-icon { + font-size: 1rem; + color: var(--primary-color-text); +} +.misc-demo .custom-skeleton { + border: 1px solid var(--surface-d); + border-radius: 4px; +} +.misc-demo .custom-skeleton ul { + list-style: none; +} + +.table-demo .ui-datatable .ui-column-filter { + display: none; +} +.table-demo .customers-table-header { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; +} +.table-demo .ui-progressbar-value.ui-widget-header { + background: #607d8b; +} + +@media (max-width: 640px) { + .table-demo .ui-progressbar { + margin-top: 0.5rem; + } +} +.icons-demo .icons-list { + text-align: center; + color: var(--text-secondary-color); +} +.icons-demo .icons-list i { + font-size: 1.5rem; + margin-bottom: 0.5rem; +} diff --git a/src/main/resources/resources/demo/styles/demo.scss b/src/main/resources/resources/demo/styles/demo.scss new file mode 100644 index 0000000..fee8ffd --- /dev/null +++ b/src/main/resources/resources/demo/styles/demo.scss @@ -0,0 +1,30 @@ +@import './_common'; + +@import './auth/_access'; +@import './auth/_error'; +@import './auth/_login'; + +@import './favorites/_dashboard'; + +@import './documentation/_documentation'; + +@import './landing/_landing'; + +@import './notfound/_notfound'; + +@import './pages/_chronoline'; +@import './pages/_contactus'; +@import './pages/_crud'; +@import './pages/_help'; +@import './pages/_invoice'; +@import './pages/_wizard'; + +@import './primeblocks/_blocks'; + +@import './uikit/_floatlabel'; +@import './uikit/_list'; +@import './uikit/_messages'; +@import './uikit/_misc'; +@import './uikit/_table'; + +@import './utilities/_icons'; \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/documentation/_documentation.scss b/src/main/resources/resources/demo/styles/documentation/_documentation.scss new file mode 100644 index 0000000..0fd58ec --- /dev/null +++ b/src/main/resources/resources/demo/styles/documentation/_documentation.scss @@ -0,0 +1,3 @@ +.docs li { + line-height: 1.5; +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/favorites/_dashboard.scss b/src/main/resources/resources/demo/styles/favorites/_dashboard.scss new file mode 100644 index 0000000..65fe043 --- /dev/null +++ b/src/main/resources/resources/demo/styles/favorites/_dashboard.scss @@ -0,0 +1,426 @@ +body { + .overview-box { + .overview-status { + font-weight: 500; + border-radius: 2px; + color: var(--body-bgcolor); + } + } + + .widget-list { + @include reset-list; + + > li { + border-bottom: 1px solid var(--divider-color); + + &:last-child { + border-bottom: 0 none; + } + + .person-item { + img { + width: 2.5rem; + height: 2.5rem; + } + } + + .widget-list-item-radius, + .person-tag { + border-radius: 2px; + color: var(--body-bgcolor); + font-weight: 500; + } + + .ui-progressbar { + height: 6px; + border-radius: 10px; + background: var(--content-alt-bgcolor); + } + + .ui-progressbar-value { + background: var(--orange); + } + } + } + + .widget-expenses { + .card-subheader { + font-size: .9rem; + color: var(---text-secondary-color); + border-bottom: 1px solid var(--divider-color); + } + + .item { + padding: .5rem; + border-bottom: 1px solid var(--divider-color); + + &:last-child { + border: 0 none; + } + + .type { + color: #0097A7; + font-size: 1.5rem; + } + + .value { + font-weight: 500; + } + + .subtext { + color: var(---text-secondary-color); + } + + .item-button { + a { + color: var(---text-secondary-color); + } + } + } + } + + .widget-traffic { + .left { + padding: 1rem; + + .total { + .title { + color: var(---text-secondary-color) + } + + .value { + font-size: 2rem; + font-weight: 500; + } + } + + .info { + .title { + color: var(---text-secondary-color); + } + + .value { + font-weight: 500; + } + + .percent { + font-size: .9rem; + font-weight: 500; + line-height: 1.5; + + i { + &.type-green { + color: #0097A7; + } + &.type-orange { + color: #EF6C00; + } + &.type-gray { + color: #455A64; + } + } + } + + } + } + } + + .widget-insights { + .card-subheader { + font-size: .9rem; + color: var(---text-secondary-color); + border-bottom: 1px solid var(--divider-color); + } + } + + .widget-social { + .info { + text-align: right; + + .value { + font-size: 2rem; + } + + .subtext { + color: var(---text-secondary-color); + } + } + + .left, .right { + width: 50%; + text-align: center; + padding: 1rem; + + .title { + font-weight: 500; + } + + .value { + color: var(---text-secondary-color); + } + } + + .left { + border-right: 1px solid var(--divider-color); + } + + .ui-progressbar { + height: 6px; + border-radius: 10px; + background: var(--content-alt-bgcolor); + } + + .ui-progressbar-value { + background: #FFB300; + } + + .stats { + border-top: 1px solid var(--divider-color); + } + + } + + .widget-topsearchs { + .item { + padding: 1rem; + border-bottom: 1px solid var(--divider-color); + + .value { + font-weight: 500; + + &.type-green { + color: var(--cyan); + } + + &.type-yellow { + color: #EF6C00; + } + + &.type-pink { + color: var(--pink); + } + } + + &:nth-child(even) { + background-color: var(--content-alt-bgcolor); + } + + &:last-child { + border-bottom: 0 none; + } + + } + } + + .widget-timeline { + .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite { + flex: 0; + padding: 0; + } + + .ui-chronoline-event-separator { + .marker-icon { + color: white; + } + + .custom-marker { + border-radius: 4px; + } + } + } + + .widget-activity { + @include reset-list; + + >li { + padding: 1rem 0; + border-bottom: 1px solid var(--divider-color); + + &:last-child { + border-bottom: 0 none; + } + + &:nth-child(1) { + .ui-progressbar-value { + background: var(--yellow); + } + } + + &:nth-child(2) { + .ui-progressbar-value { + background: var(--pink); + } + } + + &:nth-child(3) { + .ui-progressbar-value { + background: var(--cyan); + } + } + + &:nth-child(4) { + .ui-progressbar-value { + background: var(--cyan); + } + } + + &:nth-child(5) { + .ui-progressbar-value { + background: var(--cyan); + } + } + + &:nth-child(6) { + .ui-progressbar-value { + background: var(--pink); + } + } + + .activity-item { + .activity-title { + font-weight: 500; + } + + .activity-subtext { + font-size: .85rem; + color: var(---text-secondary-color); + } + .ui-progressbar { + height: 6px; + border-radius: 10px; + background: var(--content-alt-bgcolor); + } + } + } + } + + .widget-bestsellers { + @include reset-list; + + >li { + padding: 1rem 0; + + &:last-child { + border-bottom: 0 none; + } + + .bestseller-item { + background-color: var(--content-alt-bgcolor); + border-radius: 4px; + height: 3.5rem; + transition: box-shadow .2s; + + img { + width: 32px; + height: 32px; + border-radius: 50%; + } + + a { + color: var(---text-secondary-color); + } + + .item-button { + margin-left: auto; + } + + &:hover { + cursor: pointer; + background-color: var(--hover-bgcolor); + box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12); + } + } + } + } + + .widget-chat { + ul { + @include reset-list; + padding: 1rem 1rem 0; + height: 420px; + overflow-y: auto; + + li { + img { + width: 32px; + } + + .message { + color: var(--body-bgcolor); + } + + &.from { + .message { + padding: 1rem; + border-radius: 30px; + } + } + + &.own { + text-align: right; + + .message { + padding: 1rem; + border-radius: 30px; + } + } + } + } + + .write-message { + border-radius: 30px; + + .ui-inputgroup-addon { + padding: 0; + overflow: hidden; + + &:first-child { + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; + } + + &:last-child { + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; + } + + > .ui-button { + height: calc(2.5rem + 2px); + border-radius: 0; + } + } + + .emoji { + width: 90%; + + .emoji-button { + border-radius: 50%; + width: 2.5rem; + height: 2.5rem; + min-width: 0; + + .ui-button-label { + color: yellow !important; + font-size: 1.5rem; + } + } + } + + @media (min-width: $mobileBreakpoint - 1) { + .emoji { + width: 40%; + margin-left: -38%; + } + } + } + } +} + +body { + &.layout-rtl, + .layout-rtl { + .ui-datatable thead th { + text-align: right; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/landing/_landing.scss b/src/main/resources/resources/demo/styles/landing/_landing.scss new file mode 100644 index 0000000..b455b95 --- /dev/null +++ b/src/main/resources/resources/demo/styles/landing/_landing.scss @@ -0,0 +1,167 @@ +.landing-container { + .landing-color-button { + position: fixed; + bottom: 3rem; + right: 3rem; + z-index: 9999; + } + + h1, h2, h3, h4, h5, h6 { + font-weight: 400; + } + + ul { + @include reset-list; + } + + .section { + padding: 2rem 15rem; + } + + #header { + width: 100%; + min-height: 400px; + background: url("\#{resource['demo:images/landing/landing-header.png']}") top left no-repeat #f7f7f7; + background-size: cover; + + .header-menu-container { + a { + color: #ffffff; + cursor: pointer; + } + + #menu { + display: flex; + align-items: center; + flex-direction: row; + } + } + + .header-text { + flex-grow: 1; + } + } + + #features { + .feature-button { + width: 100px; + height: 100px; + + .ui-icon { + font-size: 2rem; + margin-top: -1rem; + margin-left: -1rem; + } + } + } + + #promotion { + background: url("\#{resource['demo:images/landing/promotion.png']}") top left no-repeat; + background-size: 100% auto; + } + + #pricing { + .pricing-content { + width: 100%; + + .card { + height: 100%; + } + + .options { + padding: 2rem 4rem; + + li { + display: flex; + align-items: center; + } + + i, span { + padding: 1rem; + } + + span { + font-size: 1.2rem; + } + } + } + } + + #footer { + border-top: 1px solid var(--divider-color); + + a { + color: var(--text-color); + } + + li { + padding: .25rem; + } + } +} + +@media screen and (min-width: 990px) { + .landing-container { + #header { + .header-menu-container { + box-shadow: none; + + #menu { + box-shadow: none; + } + } + } + } +} + +@media screen and (max-width: 991px) { + .landing-container { + .section { + padding: 2rem; + } + + #header { + .header-menu-container { + z-index: 100; + position: fixed; + top: 0; + left: 0; + width: 100%; + background: #212121; + padding: 2rem 5rem; + + #menu { + display: none; + z-index: 100; + position: fixed; + top: 6rem; + right: 5rem; + width: 250px; + background-color: var(--content-bgcolor); + color: var(--text-color); + animation-duration: var(--transition-duration); + + a { + color: var(--text-color); + } + + > li { + width: 100%; + + &:hover { + background-color: var(--hover-bgcolor); + transition: background-color var(--transition-duration); + } + } + + &.menu-active { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: stretch; + } + } + } + } + } +} diff --git a/src/main/resources/resources/demo/styles/notfound/_notfound.scss b/src/main/resources/resources/demo/styles/notfound/_notfound.scss new file mode 100644 index 0000000..bed08d8 --- /dev/null +++ b/src/main/resources/resources/demo/styles/notfound/_notfound.scss @@ -0,0 +1,12 @@ +.pages-body { + &.notfound-page { + background: url("\#{resource['demo:images/notfound/404-bg.jpg']}"); + background-size: cover; + + .pages-panel { + .pages-header { + background: #455A64; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/pages/_chronoline.scss b/src/main/resources/resources/demo/styles/pages/_chronoline.scss new file mode 100644 index 0000000..2be8e31 --- /dev/null +++ b/src/main/resources/resources/demo/styles/pages/_chronoline.scss @@ -0,0 +1,33 @@ +.custom-marker { + display: flex; + width: 2rem; + height: 2rem; + align-items: center; + justify-content: center; + color: #ffffff; + border-radius: 50%; + z-index: 1; +} + +.ui-chronoline-event-content, +.ui-chronoline-event-opposite { + line-height: 1; +} + +@media screen and (max-width: 960px) { + .customized-chronoline .ui-chronoline-event:nth-child(even) { + flex-direction: row !important; + } + + .customized-chronoline .ui-chronoline-event:nth-child(even) .ui-chronoline-event-content { + text-align: left !important; + } + + .customized-chronoline .ui-chronoline-event-opposite { + flex: 0; + } + + .customized-chronoline .ui-card { + margin-top: 1rem; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/pages/_contactus.scss b/src/main/resources/resources/demo/styles/pages/_contactus.scss new file mode 100644 index 0000000..a0bdf91 --- /dev/null +++ b/src/main/resources/resources/demo/styles/pages/_contactus.scss @@ -0,0 +1,91 @@ +.pages-body { + &.contact-page { + .map { + iframe { + border: 0; + position: absolute; + float: left; + clear: both; + width: 100%; + height: 45vh; + z-index: 0; + opacity: 0.5; + } + + span { + position: absolute; + float: left; + clear: both; + width: 100%; + height: 45vh; + z-index: -1; + background: linear-gradient(180deg, #040B0F 0%, rgba(7, 14, 18, 0) 100%); + } + } + + i { + color: white; + } + + .pages-panel { + text-align: left; + width: 75%; + max-width: 1050px; + margin: auto; + position: absolute; + top: 33%; + left: 0; right: 0; + + .title { + font-weight: 500; + margin-bottom: 0; + } + + .card { + .contact-input { + width: 100%; + } + + .right-panel { + i { + font-size: 2rem; + padding: 0.5rem; + border-radius: 4px; + + &.pi-home { + color: #1565C0; + background: #BBDEFB; + background-size: auto; + } + + &.pi-briefcase { + color: #00838f; + background: #B2DFDB; + background-size: auto; + } + } + } + } + } + } +} + +@media screen and (max-width: 768px) { + .pages-body { + &.contact-page { + .pages-panel { + padding-bottom: 10em; + + .ui-button { + width: 100%; + } + + .card { + .right-panel { + text-align: center; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/pages/_crud.scss b/src/main/resources/resources/demo/styles/pages/_crud.scss new file mode 100644 index 0000000..416018b --- /dev/null +++ b/src/main/resources/resources/demo/styles/pages/_crud.scss @@ -0,0 +1,64 @@ +.crud-demo { + .ui-datatable { + margin-top: 1rem; + } + + .product-image { + width: 100px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + } + + .ui-dialog .product-image { + width: 250px; + margin: 0 auto 2rem auto; + display: block; + } + + .ui-dialog-footer .ui-button { + min-width: 6rem; + } + + .ui-datatable .ui-column-filter { + display: none; + } + + .products-table-header { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + } + + .edit-button.ui-button { + margin-right: .5rem; + } + + .orders-subtable { + padding: 1rem; + } + + .products-table { + .ui-rating { + display: inline-block; + } + } +} + +@media (max-width: 640px) { + .products-table > .ui-datatable-tablewrapper > table > thead > tr > th:nth-child(2), + .products-table > .ui-datatable-tablewrapper > table > tbody > tr > td:nth-child(2) { + .ui-column-title { + display: none !important; + } + } + + .products-buttonbar { + flex-direction: column; + + > div { + &:last-child { + margin-top: .5rem; + } + } + } +} diff --git a/src/main/resources/resources/demo/styles/pages/_help.scss b/src/main/resources/resources/demo/styles/pages/_help.scss new file mode 100644 index 0000000..408008d --- /dev/null +++ b/src/main/resources/resources/demo/styles/pages/_help.scss @@ -0,0 +1,30 @@ +.layout-help-page { + .layout-help-page-header { + position: relative; + + .layout-help-page-header-text { + position: absolute; + left: 2rem; + top: 50%; + margin-top: -1.75rem; + color: #ffffff; + } + + .layout-help-page-search { + position: absolute; + left: 2rem; + bottom: -1rem; + border-radius: 4px; + width: calc(100% - 4rem); + + .ui-inputtext { + border: 0 none; + } + } + } + + .ui-accordion .ui-accordion-header { + display: flex; + align-items: center; + } +} diff --git a/src/main/resources/resources/demo/styles/pages/_invoice.scss b/src/main/resources/resources/demo/styles/pages/_invoice.scss new file mode 100644 index 0000000..82f2641 --- /dev/null +++ b/src/main/resources/resources/demo/styles/pages/_invoice.scss @@ -0,0 +1,19 @@ +@media print { + body * { + visibility: hidden; + } + + .layout-invoice-content { + position: absolute; + left: 0; + top: 0; + + * { + visibility: visible; + box-shadow: none; + color: #212121 !important; + border-color: #e4e4e4 !important; + background-color: transparent; + } + } +} diff --git a/src/main/resources/resources/demo/styles/pages/_wizard.scss b/src/main/resources/resources/demo/styles/pages/_wizard.scss new file mode 100644 index 0000000..ffc8852 --- /dev/null +++ b/src/main/resources/resources/demo/styles/pages/_wizard.scss @@ -0,0 +1,409 @@ +.wizard-body { + height: 100vh; + background: url("\#{resource['demo:images/pages/background@2x.jpg']}") center; + background-size: cover; + background-repeat: no-repeat; + background-attachment: fixed; + + .wizard-wrapper { + display: flex; + flex-direction: column; + height: 100%; + + .wizard-topbar { + background-color: #3949ab; + z-index: 1000; + box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26); + height: 75px; + padding: 0 10%; + display: flex; + justify-content: space-between; + align-items: center; + flex-basis: 75px; + flex-grow: 0; + flex-shrink: 0; + + .logo { + display: inline-block; + vertical-align: middle; + width: 200px; + height: 30px; + background: url("\#{resource['demo:images/pages/logo.png']}") top left no-repeat; + } + + .profile { + display: flex; + justify-content: center; + align-items: center; + flex-direction: row; + + .profile-text { + margin-right: 15px; + text-align: right; + + h1{ + font-size: 16px; + color:#ffffff; + margin: 0; + } + + p{ + font-size: 16px; + opacity: 0.6; + margin: 0; + color:rgba(255,255,255,.7); + } + } + + .profile-image { + display: inline-block; + vertical-align: middle; + width: 40px; + } + } + } + + .wizard-content { + height: calc(100% - 75px); + min-height: 600px; + display: flex; + align-items: center; + justify-content: center; + + .wizard-card { + background-color: var(--content-bgcolor); + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), + 0 2px 1px -1px rgba(0, 0, 0, 0.12), + 0 1px 1px 0 rgba(0, 0, 0, 0.14); + height: 550px; + width: 54.33%; + display: flex; + flex-direction: column; + flex-grow: 0; + flex-shrink: 0; + + .wizard-card-header { + width:100%; + background-color: #3f51b5; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); + position: relative; + + .tab { + background-color: #3f51b5; + text-align: center; + cursor: pointer; + + i { + width: 20px; + opacity: 0.38; + color: #ffffff; + } + + .title{ + color: #ffffff; + opacity: 0.38; + font-size: 16px; + line-height: 1.5em; + } + + .icon { + line-height: 1.5em; + } + + &.selected-tab { + transition-duration: 0.6s; + + i { + opacity: 1; + } + + .title { + opacity: 1; + } + } + + } + + .tab-bar { + position: absolute; + bottom: 0; + left: 0; + height: 2px; + width: 33.3333%; + transition: .5s cubic-bezier(.35,0,.25,1); + background-color: #ffffff; + visibility: visible; + + &.tab-bar-register { + width: 33.3333%; + left: 0; + } + + &.tab-bar-tier { + width: 33.3333%; + left: 33.3333%; + } + + &.tab-bar-payment { + width: 33.3333%; + left: 66.6667%; + } + } + } + + .wizard-card-content{ + padding: 30px; + display: none; + overflow: auto; + height: 100%; + + > .grid { + height: 100%; + width: 100%; + } + + h1 { + font-size: 12px; + letter-spacing: 2px; + margin: 0; + } + + &.active-content{ + display: flex; + flex-grow: 1; + } + + &.register{ + + .forms { + .ui-inputgroup { + margin-top: 25px; + + input { + width: 100%; + } + } + + .ui-selectonemenu { + margin-top: 25px; + width: 100%; + } + + .calendar { + margin-top:14px; + + .ui-calendar { + width: 100%; + position: relative; + padding: 1px; + + input { + width: 100%; + } + } + } + } + + .continue-button{ + &.ui-button{ + width: 100%; + margin-top: 25px; + } + } + } + + &.tier{ + .card{ + min-height: 400px; + padding: 0; + position: relative; + + .card-header{ + color:#ffffff; + font-size: 18px; + padding: 15px 10px; + background-color: #3f51b5; + + h1{ + color: #ffffff; + font-size: 24px; + display: inline; + } + } + + .card-content{ + font-size: 14px; + padding:10px; + + i{ + color:#3f51b5; + } + + .card-row{ + height: 40px; + width: 100%; + } + + .tier-button-wrapper{ + position: absolute; + bottom: 15px; + right: 10px; + left: 0px; + width: auto; + + .tier-button{ + &.ui-button{ + width: 100%; + } + } + } + } + + &.pro{ + .card-header{ + background-color: #e91e63; + } + + .card-content{ + i{ + color:#e91e63; + } + + .tier-button{ + &.ui-button{ + background-color: #e91e63 + } + } + } + } + + &.pro-plus{ + .card-header{ + background-color: #607d8b; + } + + .card-content{ + + i{ + color:#607d8b; + } + + .tier-button{ + &.ui-button{ + background-color: #607d8b + } + } + } + } + } + } + + &.payment{ + padding: 0; + + .payment-info{ + padding: 70px 35px; + + .ui-float-label{ + input{ + width: 100%; + padding-bottom: 15px; + background-color: transparent; + } + } + + .ui-checkbox-label { + margin-left: .5em; + font-size: 14px; + } + + #customPanel{ + width:100%; + } + + .check-info{ + margin-top: 10px; + } + } + + .order-info{ + padding: 15px; + background-color: #e0e0e0; + border-left: solid 1px #bdbdbd; + font-size: 14px; + color: #757575; + + .order-basic,.order-pro,.order-pro-plus,.order-default{ + display: none; + } + + .selected-order{ + display: block; + } + + h1{ + margin-top: 15px; + } + + .price{ + font-weight: 700; + text-align: right; + } + + .total{ + border-top: 1px solid #bdbdbd; + padding: 15px 0px; + margin-top: 30px; + } + + .buy-button{ + &.ui-button{ + width: 100%; + margin: 68px 0; + } + } + } + } + } + } + } + } +} + +@media(max-width:1024px){ + .wizard-body { + .wizard-wrapper { + .wizard-content { + .wizard-card{ + width: 90%; + } + } + } + } +} + +@media(max-width:640px){ + .wizard-body { + .wizard-wrapper { + .wizard-topbar { + height: 150px; + padding: 0 5%; + flex-direction: column; + justify-content: space-around; + flex-basis: 150px; + + .logo { + align-self: flex-start; + } + + .profile { + align-self: flex-end; + } + } + + .wizard-content { + height: calc(100% - 150px); + } + } + } +} diff --git a/src/main/resources/resources/demo/styles/primeblocks/_blocks.scss b/src/main/resources/resources/demo/styles/primeblocks/_blocks.scss new file mode 100644 index 0000000..30dc463 --- /dev/null +++ b/src/main/resources/resources/demo/styles/primeblocks/_blocks.scss @@ -0,0 +1,133 @@ +.block-section { + margin-bottom: 4rem; +} + +.block-header { + padding: 1rem 2rem; + background-color: var(--surface-section); + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border:1px solid var(--surface-d); + display: flex; + align-items: center; + justify-content: space-between; + + .block-title { + font-size: 1.25rem; + font-weight: 600; + display: inline-flex; + align-items: center; + + .badge-free { + border-radius: 4px; + padding: .25rem .5rem; + background-color: var(--orange-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: .875rem; + } + + .badge-new { + border-radius: 4px; + padding: .25rem .5rem; + background-color: var(--green-500); + color: white; + margin-left: 1rem; + font-weight: 600; + font-size: .875rem; + } + } + + .block-actions { + display: flex; + align-items: center; + justify-content: space-between; + user-select: none; + + a { + display: flex; + align-items: center; + margin-right: .75rem; + padding: .5rem 1rem; + border-radius: 4px; + border: 1px solid transparent; + transition: background-color .2s; + cursor: pointer; + color: var(--text-color); + + &:last-child { + margin-right: 0; + } + + &:not(.block-action-disabled):hover { + background-color: var(--surface-c); + } + + &.block-action-active { + border-color: var(--primary-color); + color: var(--primary-color); + } + + &.block-action-copy { + i { + color: var(--primary-color); + font-size: 1.25rem; + } + } + + &.block-action-disabled { + opacity: .6; + pointer-events: none; + cursor: auto !important; + } + + .pi-lock { + margin-right: .5rem; + } + } + } +} + +.block-content { + padding: 0; + border:1px solid var(--surface-d); + border-top: 0 none; + + > div { + display: none; + + &.block-content-active { + display: block; + } + } +} + +.block-section pre[class*="language-"] { + margin: 0 !important; + + &:before, &:after { + display: none !important; + } + + code { + border-left: 0 none !important; + box-shadow: none !important; + background: var(--surface-e) !important; + margin: 0; + color: var(--text-color); + font-size: 14px; + padding: 1.5rem 2rem !important; + } +} + +@media screen and (max-width: 575px) { + .block-header { + flex-direction: column; + align-items: start; + + .block-actions { + margin-top: 1rem; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/uikit/_floatlabel.scss b/src/main/resources/resources/demo/styles/uikit/_floatlabel.scss new file mode 100644 index 0000000..8c091e5 --- /dev/null +++ b/src/main/resources/resources/demo/styles/uikit/_floatlabel.scss @@ -0,0 +1,27 @@ +.floatlabel-demo { + .field { + margin-top: 2rem; + } +} + +body { + &.layout-rtl, + .layout-rtl { + .floatlabel-demo { + .ui-float-label > label { + left: auto; + right: 0.75rem; + } + + .ui-input-icon-right > i:last-of-type { + left: 0.75rem; + right: auto; + } + + .ui-selectonemenu .ui-selectonemenu-trigger { + right: auto; + left: 0; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/uikit/_list.scss b/src/main/resources/resources/demo/styles/uikit/_list.scss new file mode 100644 index 0000000..1517c24 --- /dev/null +++ b/src/main/resources/resources/demo/styles/uikit/_list.scss @@ -0,0 +1,119 @@ +.list-demo { + .product-name { + font-size: 1.5rem; + font-weight: 700; + } + + .product-description { + margin: 0 0 1rem 0; + } + + .product-category-icon { + vertical-align: middle; + margin-right: .5rem; + } + + .product-category { + font-weight: 600; + vertical-align: middle; + } + + .product-list-item { + display: flex; + align-items: center; + padding: 1rem; + + img { + width: 150px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin-right: 2rem; + } + + .product-list-detail { + flex: 1 1 0; + -ms-flex: 1 1 0px; + } + + .ui-rating { + margin: 0 0 .5rem 0; + } + + .product-price { + font-size: 1.5rem; + font-weight: 600; + margin-bottom: .5rem; + align-self: flex-end; + } + + .product-list-action { + display: flex; + flex-direction: column; + } + + .ui-button { + margin-bottom: .5rem; + } + + } + + .product-grid-item { + border: 1px solid var(--divider-color); + + .product-grid-item-top, + .product-grid-item-bottom { + display: flex; + align-items: center; + justify-content: space-between; + } + + img { + width: 75%; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); + margin: 2rem 0; + } + + .product-grid-item-content { + text-align: center; + } + + .product-price { + font-size: 1.5rem; + font-weight: 600; + } + } +} + +@media screen and (max-width: $mobileBreakpoint) { + .list-demo { + .product-list-item { + flex-direction: column; + align-items: center; + + img { + width: 75%; + margin: 2rem 0; + } + + .product-list-detail { + text-align: center; + } + + .product-price { + align-self: center; + } + + .product-list-action { + display: flex; + flex-direction: column; + } + + .product-list-action { + margin-top: 2rem; + flex-direction: row; + justify-content: space-between; + align-items: center; + width: 100%; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/uikit/_messages.scss b/src/main/resources/resources/demo/styles/uikit/_messages.scss new file mode 100644 index 0000000..b2c6a98 --- /dev/null +++ b/src/main/resources/resources/demo/styles/uikit/_messages.scss @@ -0,0 +1,9 @@ +.messages-demo { + .ui-button.ui-widget { + min-width: 6rem; + } + + .field > label { + width: 125px; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/uikit/_misc.scss b/src/main/resources/resources/demo/styles/uikit/_misc.scss new file mode 100644 index 0000000..5d6a820 --- /dev/null +++ b/src/main/resources/resources/demo/styles/uikit/_misc.scss @@ -0,0 +1,39 @@ +.misc-demo { + .ui-button.ui-widget { + min-width: 6rem; + } + + .badges .ui-badge, + .badges .ui-tag { + margin-right: .5rem; + } + + .ui-chip.custom-chip { + background: var(--primary-color); + color: var(--primary-color-text); + } + + .custom-scrolltop { + width: 2rem; + height: 2rem; + border-radius: 4px; + background-color: var(--primary-color); + } + .custom-scrolltop:hover { + background-color: var(--primary-color); + } + + .custom-scrolltop .ui-scrolltop-icon { + font-size: 1rem; + color: var(--primary-color-text); + } + + .custom-skeleton { + border: 1px solid var(--surface-d); + border-radius: 4px; + } + + .custom-skeleton ul { + list-style: none; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/uikit/_table.scss b/src/main/resources/resources/demo/styles/uikit/_table.scss new file mode 100644 index 0000000..ca5f697 --- /dev/null +++ b/src/main/resources/resources/demo/styles/uikit/_table.scss @@ -0,0 +1,24 @@ +.table-demo { + .ui-datatable .ui-column-filter { + display: none; + } + + .customers-table-header { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + } + + .ui-progressbar-value.ui-widget-header { + background: #607d8b; + } +} + +@media (max-width: 640px) { + .table-demo { + .ui-progressbar { + margin-top: .5rem; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/demo/styles/utilities/_icons.scss b/src/main/resources/resources/demo/styles/utilities/_icons.scss new file mode 100644 index 0000000..4a152b7 --- /dev/null +++ b/src/main/resources/resources/demo/styles/utilities/_icons.scss @@ -0,0 +1,11 @@ +.icons-demo { + .icons-list { + text-align: center; + color: var(--text-secondary-color); + } + + .icons-list i { + font-size: 1.5rem; + margin-bottom: .5rem; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/fonts/_fonts.scss b/src/main/resources/resources/layout/fonts/_fonts.scss new file mode 100644 index 0000000..d47f4cc --- /dev/null +++ b/src/main/resources/resources/layout/fonts/_fonts.scss @@ -0,0 +1,27 @@ +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: local('Roboto Light'), local('Roboto-Light'), + url("\#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-regular.woff2']}") format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url("\#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-regular.woff']}") format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-500 - latin-ext_latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 500; + src: local('Roboto'), local('Roboto-Regular'), + url("\#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-500.woff2']}") format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url("\#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-500.woff']}") format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-700 - latin-ext_latin */ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 700; + src: local('Roboto Bold'), local('Roboto-Bold'), + url("\#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-700.woff2']}") format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url("\#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-700.woff']}") format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-500.woff b/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-500.woff new file mode 100644 index 0000000..fb70b7e Binary files /dev/null and b/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-500.woff differ diff --git a/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-500.woff2 b/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-500.woff2 new file mode 100644 index 0000000..96981bc Binary files /dev/null and b/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-500.woff2 differ diff --git a/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-700.woff b/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-700.woff new file mode 100644 index 0000000..d023f3d Binary files /dev/null and b/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-700.woff differ diff --git a/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-700.woff2 b/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-700.woff2 new file mode 100644 index 0000000..fd49210 Binary files /dev/null and b/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-700.woff2 differ diff --git a/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-regular.woff b/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-regular.woff new file mode 100644 index 0000000..f9849df Binary files /dev/null and b/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-regular.woff differ diff --git a/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-regular.woff2 b/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-regular.woff2 new file mode 100644 index 0000000..1f7dd5b Binary files /dev/null and b/src/main/resources/resources/layout/fonts/roboto/roboto-v20-latin-ext_latin-regular.woff2 differ diff --git a/src/main/resources/resources/layout/images/amyelsner.png b/src/main/resources/resources/layout/images/amyelsner.png new file mode 100644 index 0000000..f43f164 Binary files /dev/null and b/src/main/resources/resources/layout/images/amyelsner.png differ diff --git a/src/main/resources/resources/layout/images/favicon-16x16.png b/src/main/resources/resources/layout/images/favicon-16x16.png new file mode 100644 index 0000000..123ad21 Binary files /dev/null and b/src/main/resources/resources/layout/images/favicon-16x16.png differ diff --git a/src/main/resources/resources/layout/images/favicon-32x32.png b/src/main/resources/resources/layout/images/favicon-32x32.png new file mode 100644 index 0000000..c4c6896 Binary files /dev/null and b/src/main/resources/resources/layout/images/favicon-32x32.png differ diff --git a/src/main/resources/resources/layout/images/footer-ultima-dark.svg b/src/main/resources/resources/layout/images/footer-ultima-dark.svg new file mode 100644 index 0000000..0064283 --- /dev/null +++ b/src/main/resources/resources/layout/images/footer-ultima-dark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/main/resources/resources/layout/images/footer-ultima.svg b/src/main/resources/resources/layout/images/footer-ultima.svg new file mode 100644 index 0000000..b2abf16 --- /dev/null +++ b/src/main/resources/resources/layout/images/footer-ultima.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/main/resources/resources/layout/images/logo-dark.svg b/src/main/resources/resources/layout/images/logo-dark.svg new file mode 100644 index 0000000..d12c94a --- /dev/null +++ b/src/main/resources/resources/layout/images/logo-dark.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/resources/layout/images/logo-light.svg b/src/main/resources/resources/layout/images/logo-light.svg new file mode 100644 index 0000000..9f4a91c --- /dev/null +++ b/src/main/resources/resources/layout/images/logo-light.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/main/resources/resources/layout/images/logo-ultima.svg b/src/main/resources/resources/layout/images/logo-ultima.svg new file mode 100644 index 0000000..b8384c9 --- /dev/null +++ b/src/main/resources/resources/layout/images/logo-ultima.svg @@ -0,0 +1,14 @@ + + + + 4315D9A1-6D32-4D5F-BFD8-916FF26270D4 + Created with sketchtool. + + + + + + + + + \ No newline at end of file diff --git a/src/main/resources/resources/layout/images/logo.png b/src/main/resources/resources/layout/images/logo.png new file mode 100644 index 0000000..a163af5 Binary files /dev/null and b/src/main/resources/resources/layout/images/logo.png differ diff --git a/src/main/resources/resources/layout/images/logo2x.png b/src/main/resources/resources/layout/images/logo2x.png new file mode 100644 index 0000000..205e8ec Binary files /dev/null and b/src/main/resources/resources/layout/images/logo2x.png differ diff --git a/src/main/resources/resources/layout/images/logoTrizD.png b/src/main/resources/resources/layout/images/logoTrizD.png new file mode 100644 index 0000000..47e3ab3 Binary files /dev/null and b/src/main/resources/resources/layout/images/logoTrizD.png differ diff --git a/src/main/resources/resources/layout/images/user.png b/src/main/resources/resources/layout/images/user.png new file mode 100644 index 0000000..8c374dd Binary files /dev/null and b/src/main/resources/resources/layout/images/user.png differ diff --git a/src/main/resources/resources/layout/images/user_.png b/src/main/resources/resources/layout/images/user_.png new file mode 100644 index 0000000..111a8c3 Binary files /dev/null and b/src/main/resources/resources/layout/images/user_.png differ diff --git a/src/main/resources/resources/layout/js/layout.config.js b/src/main/resources/resources/layout/js/layout.config.js new file mode 100644 index 0000000..07bc33e --- /dev/null +++ b/src/main/resources/resources/layout/js/layout.config.js @@ -0,0 +1,100 @@ +/** + * Layout Config + */ +PrimeFaces.LayoutConfigurator = { + + changeLayoutMode: function(color, menuTheme, topbarTheme, componentTheme, callback) { + var linkElement = $('link[href*="layout-"]'); + var href = linkElement.attr('href'); + var startIndexOf = href.indexOf('layout-') + 7; + var endIndexOf = href.indexOf('.css'); + var currentColor = href.substring(startIndexOf, endIndexOf); + + this.replaceLink(linkElement, href.replace(currentColor, color), callback); + + if (color === 'dark') { + this.changeMenuTheme(menuTheme, 'dark'); + this.changeTopbarTheme(topbarTheme, 'dark'); + this.changeComponentTheme(componentTheme, true); + } + else { + this.changeMenuTheme(menuTheme, 'light'); + this.changeTopbarTheme(topbarTheme, 'blue'); + this.changeComponentTheme(componentTheme); + } + }, + + changeComponentTheme: function(theme, mode) { + var library = 'primefaces-ultima'; + var linkElement = $('link[href*="theme.css"]'); + var href = linkElement.attr('href'); + var index = href.indexOf(library) + 1; + var currentTheme = href.substring(index + library.length); + this.replaceLink(linkElement, href.replace(currentTheme, theme + (mode ? '-dark' : ''))); + }, + + changeTopbarTheme: function(oldTheme, newTheme) { + $('.layout-wrapper').removeClass('layout-topbar-' + oldTheme.toLowerCase()).addClass('layout-topbar-' + newTheme.toLowerCase()); + }, + + changeMenuTheme: function(oldTheme, newTheme) { + $('.layout-wrapper').removeClass('layout-menu-' + oldTheme.toLowerCase()).addClass('layout-menu-' + newTheme.toLowerCase()); + }, + + changeMenuMode: function(oldMode, newMode) { + $('.layout-wrapper').removeClass('layout-menu-' + oldMode.toLowerCase()).addClass('layout-menu-' + newMode.toLowerCase()); + this.clearMenuState(); + }, + + changeInputStyle: function(oldStyle, newStyle) { + $(document.body).removeClass('ui-input-' + oldStyle.toLowerCase()).addClass('ui-input-' + newStyle.toLowerCase()); + }, + + toggleRTL: function(rtl) { + $('.layout-wrapper').toggleClass('layout-rtl'); + }, + + clearMenuState: function() { + var menu = PF('layoutMenuWidget'); + + if (menu) { + menu.clearState(); + } + }, + + beforeResourceChange: function() { + PrimeFaces.ajax.RESOURCE = null; //prevent resource append + }, + + replaceLink: function(linkElement, href, callback) { + PrimeFaces.ajax.RESOURCE = 'javax.faces.Resource'; + clearTimeout(this.callbackTimeout); + + var $this = this; + var isIE = this.isIE(); + + if (isIE) { + linkElement.attr('href', href); + $this.callbackTimeout = setTimeout(function() { + callback && callback(); + }, 100); + } + else { + var cloneLinkElement = linkElement.clone(false); + + cloneLinkElement.attr('href', href); + linkElement.after(cloneLinkElement); + + cloneLinkElement.off('load').on('load', function() { + linkElement.remove(); + $this.callbackTimeout = setTimeout(function() { + callback && callback(); + }, 100); + }); + } + }, + + isIE: function() { + return /(MSIE|Trident\/|Edge\/)/i.test(navigator.userAgent); + } +}; \ No newline at end of file diff --git a/src/main/resources/resources/layout/js/layout.js b/src/main/resources/resources/layout/js/layout.js new file mode 100644 index 0000000..086848f --- /dev/null +++ b/src/main/resources/resources/layout/js/layout.js @@ -0,0 +1,402 @@ +/** + * Layout Helpers + */ +var PrimeFacesLayout = { + styleClass: function(el) { + var props = PrimeFacesLayout.utils.getProps(el, 'pStyleclass'); + + return { + init: function() { + if (el) { + el['styleclass-initialized'] = true; + + this.bindEvents(); + } + + return this; + }, + + run: function() { + this.target = this.resolveTarget(); + + if (props.toggleClass) { + PrimeFacesLayout.utils.toggleClass(this.target, props.toggleClass); + this.toggleDocumentListener(PrimeFacesLayout.utils.isVisible(this.target)); + } + else { + if (this.target.offsetParent === null) + this.enter(); + else + this.leave(); + } + }, + + enter: function() { + var $this = this; + + if (props.enterActiveClass) { + if (!this.animating) { + this.animating = true; + + if (props.enterActiveClass === 'slidedown') { + this.target.style.height = '0px'; + PrimeFacesLayout.utils.removeClass(this.target, 'hidden'); + this.target.style.maxHeight = this.target.scrollHeight + 'px'; + PrimeFacesLayout.utils.addClass(this.target, 'hidden'); + this.target.style.height = ''; + this.target.style.overflow = 'hidden'; + } + + PrimeFacesLayout.utils.addClass(this.target, props.enterActiveClass); + if (props.enterClass) { + PrimeFacesLayout.utils.removeClass(this.target, props.enterClass); + } + + this.enterListener = function() { + PrimeFacesLayout.utils.removeClass($this.target, props.enterActiveClass); + if (props.enterToClass) { + PrimeFacesLayout.utils.addClass($this.target, props.enterToClass); + } + $this.target.removeEventListener('animationend', $this.enterListener); + + if (props.enterActiveClass === 'slidedown') { + $this.target.style.maxHeight = ''; + $this.target.style.overflow = ''; + } + $this.animating = false; + }; + + this.target.addEventListener('animationend', this.enterListener); + } + } + else { + if (props.enterClass) { + PrimeFacesLayout.utils.removeClass(this.target, props.enterClass); + } + + if (props.enterToClass) { + PrimeFacesLayout.utils.addClass(this.target, props.enterToClass); + } + } + + $(this.target).on('click.styleclass', '*[data-p-styleclass-hide*="true"]', function(event) { + $this.reset(); + + event.stopPropagation(); + }); + + this.toggleDocumentListener(true); + }, + + leave: function() { + var $this = this; + + if (props.leaveActiveClass) { + if (!this.animating) { + this.animating = true; + + if (props.leaveActiveClass === 'slideup') { + this.target.style.overflow = 'hidden'; + } + + PrimeFacesLayout.utils.addClass(this.target, props.leaveActiveClass); + if (props.leaveClass) { + PrimeFacesLayout.utils.removeClass(this.target, props.leaveClass); + } + + this.leaveListener = function() { + PrimeFacesLayout.utils.removeClass($this.target, props.leaveActiveClass); + if (props.leaveToClass) { + PrimeFacesLayout.utils.addClass($this.target, props.leaveToClass); + } + $this.target.removeEventListener('animationend', $this.leaveListener); + + if (props.leaveActiveClass === 'slideup') { + $this.target.style.overflow = ''; + } + $this.animating = false; + }; + + this.target.addEventListener('animationend', this.leaveListener); + } + } + else { + if (props.leaveClass) { + PrimeFacesLayout.utils.removeClass(this.target, props.leaveClass); + } + + if (props.leaveToClass) { + PrimeFacesLayout.utils.addClass(this.target, props.leaveToClass); + } + } + + $(this.target).off('click.styleclass', '*[data-p-styleclass-hide*="true"]'); + this.toggleDocumentListener(false); + }, + + reset: function() { + if (this.target) { + if (props.toggleClass) + PrimeFacesLayout.utils.toggleClass(this.target, props.toggleClass); + else + this.leave(); + + this.toggleDocumentListener(false); + } + }, + + resolveTarget: function() { + if (this.target) { + return this.target; + } + + switch (props.selector) { + case '@next': + return el.nextElementSibling; + + case '@prev': + return el.previousElementSibling; + + case '@parent': + return el.parentElement; + + case '@grandparent': + return el.parentElement.parentElement; + + default: + return document.querySelector(props.selector); + } + }, + + toggleDocumentListener: function(when) { + if (props.hideOnOutsideClick) { + if (when) + this.bindDocumentListener(); + else + this.unbindDocumentListener(); + } + }, + + bindDocumentListener: function() { + if (!this.documentListener) { + var $this = this; + + this.documentListener = function(event) { + if (!el.isSameNode(event.target) && !el.contains(event.target) && !$this.target.contains(event.target)) { + $this.reset(); + } + }; + + el.ownerDocument.addEventListener('click', this.documentListener); + } + }, + + unbindDocumentListener: function() { + if (this.documentListener) { + el.ownerDocument.removeEventListener('click', this.documentListener); + this.documentListener = null; + } + }, + + bindEvents: function() { + var $this = this; + this.eventListener = function() { + $this.run(); + } + + if (el.dataset.pStyleclassEvent === 'hover') { + el.addEventListener('mouseenter', this.eventListener); + el.addEventListener('mouseleave', this.eventListener); + } + else { + el.addEventListener('click', this.eventListener); + } + } + } + }, + utils: { + getProps: function(el, dataName) { + if (el && el.dataset[dataName]) { + var data = el.dataset[dataName].replace(/(['"])?([a-z0-9A-Z_]+)(['"])?:/g, '"$2": ').replaceAll('\'', '"'); + var props = JSON.parse(data) || {}; + + return props; + } + + return {}; + }, + + addClass: function(element, className) { + $(element).addClass(className); + }, + + removeClass: function(element, className) { + $(element).removeClass(className); + }, + + toggleClass: function(element, className) { + return $(element).toggleClass(className); + }, + + hasClass: function(element, className) { + return $(element).hasClass(className); + }, + + isVisible: function(element) { + return element && (element.clientHeight !== 0 || element.getClientRects().length !== 0 || getComputedStyle(element).display !== 'none'); + } + } +} + +$(function() { + /* StyleClass */ + /** For click event */ + $(document.body).off('click.styleclass', '*[data-p-styleclass]').on('click.styleclass', '*[data-p-styleclass]', function() { + if (!this['styleclass-initialized']) { + PrimeFacesLayout.styleClass(this).init().run(); + } + }); + + /** For hover event */ + $(document.body).off('mouseenter.styleclass', '*[data-p-styleclass][data-p-styleclass-event="hover"]').on('mouseenter.styleclass', '*[data-p-styleclass][data-p-styleclass-event="hover"]', function() { + if (!this['styleclass-initialized']) { + PrimeFacesLayout.styleClass(this).init(); + } + }); +}); + +/** + * Overridden Components of PrimeFaces + */ +if (window['PrimeFaces']) { + + /* Issue #924 is fixed for 5.3+ and 6.0. (compatibility with 5.3) */ + if (PrimeFaces.widget.Dialog) { + PrimeFaces.widget.Dialog = PrimeFaces.widget.Dialog.extend({ + + enableModality: function() { + this._super(); + $(document.body).children(this.jqId + '_modal').addClass('ui-dialog-mask'); + }, + + syncWindowResize: function() {} + }); + } + + if (PrimeFaces.widget.SelectOneMenu) { + PrimeFaces.widget.SelectOneMenu = PrimeFaces.widget.SelectOneMenu.extend({ + init: function (cfg) { + this._super(cfg); + + var $this = this; + if (this.jq.parent().hasClass('ui-float-label')) { + this.m_panel = $(this.jqId + '_panel'); + this.m_focusInput = $(this.jqId + '_focus'); + + this.m_panel.addClass('ui-input-overlay-panel'); + this.jq.addClass('ui-inputwrapper'); + + if (this.input.val() != '') { + this.jq.addClass('ui-inputwrapper-filled'); + } + + this.input.off('change').on('change', function () { + $this.inputValueControl($(this)); + }); + + this.m_focusInput.on('focus.ui-selectonemenu', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }) + .on('blur.ui-selectonemenu', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + }); + + if (this.cfg.editable) { + this.label.on('input', function (e) { + $this.inputValueControl($(this)); + }).on('focus', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }).on('blur', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + $this.inputValueControl($(this)); + }); + } + } + }, + + inputValueControl: function (input) { + if (input.val() != '') + this.jq.addClass('ui-inputwrapper-filled'); + else + this.jq.removeClass('ui-inputwrapper-filled'); + } + }); + } + + if (PrimeFaces.widget.Chips) { + PrimeFaces.widget.Chips = PrimeFaces.widget.Chips.extend({ + init: function (cfg) { + this._super(cfg); + + var $this = this; + if (this.jq.parent().hasClass('ui-float-label')) { + this.jq.addClass('ui-inputwrapper'); + + if ($this.jq.find('.ui-chips-token').length !== 0) { + this.jq.addClass('ui-inputwrapper-filled'); + } + + this.input.on('focus.ui-chips', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }).on('input.ui-chips', function () { + $this.inputValueControl(); + }).on('blur.ui-chips', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + $this.inputValueControl(); + }); + + } + }, + + inputValueControl: function () { + if (this.jq.find('.ui-chips-token').length !== 0 || this.input.val() != '') + this.jq.addClass('ui-inputwrapper-filled'); + else + this.jq.removeClass('ui-inputwrapper-filled'); + } + }); + } + + if (PrimeFaces.widget.DatePicker) { + PrimeFaces.widget.DatePicker = PrimeFaces.widget.DatePicker.extend({ + init: function (cfg) { + this._super(cfg); + + var $this = this; + if (this.jq.parent().hasClass('ui-float-label') && !this.cfg.inline) { + if (this.input.val() != '') { + this.jq.addClass('ui-inputwrapper-filled'); + } + + this.jqEl.off('focus.ui-datepicker blur.ui-datepicker change.ui-datepicker') + .on('focus.ui-datepicker', function () { + $this.jq.addClass('ui-inputwrapper-focus'); + }) + .on('blur.ui-datepicker', function () { + $this.jq.removeClass('ui-inputwrapper-focus'); + }) + .on('change.ui-datepicker', function () { + $this.inputValueControl($(this)); + }); + } + }, + + inputValueControl: function (input) { + if (input.val() != '') + this.jq.addClass('ui-inputwrapper-filled'); + else + this.jq.removeClass('ui-inputwrapper-filled'); + } + }); + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/js/layout.menu.js b/src/main/resources/resources/layout/js/layout.menu.js new file mode 100644 index 0000000..9d937bd --- /dev/null +++ b/src/main/resources/resources/layout/js/layout.menu.js @@ -0,0 +1,316 @@ +/** + * Ultima Menu Widget + */ +PrimeFaces.widget.Ultima = PrimeFaces.widget.BaseWidget.extend({ + + init: function(cfg) { + this._super(cfg); + this.wrapper = $('.layout-wrapper'); + this.menuWrapper = $('.layout-menu-wrapper'); + this.menuButton = $('.layout-menu-button'); + this.menu = this.jq; + this.rootMenuitems = this.menu.children('li'); + this.menuitems = this.menu.find('li'); + this.menuitemLinks = this.menuitems.children('a'); + this.menuClick = false; + this.menuButtonClick = false; + this.menuWrapperClick = false; + this.menuActive = false; + this.stateful = this.isStateful(); + this.mobileBreakpoint = parseFloat(this.getCSSVariable('--layout-mobile-breakpoint')); + + this.bindEvents(); + this.restoreMenuState(); + }, + + bindEvents: function() { + var $this = this; + + this.menuWrapper.off('click.menu').on('click.menu', function(e) { + $this.menuWrapperClick = true; + }); + + this.menu.off('click.menu').on('click.menu', function(e) { + $this.menuClick = true; + }); + + this.menuButton.off('click.menu').on('click.menu', function(e) { + $this.toggleMenuActive(); + + clearTimeout($this.resizeTimeout); + $this.resizeTimeout = setTimeout(function() { + $(window).trigger('resize'); // For charts and sticky elements + }, 200); + + $this.menuButtonClick = true; + + e.preventDefault(); + }); + + this.menuitemLinks.off('click.menu').on('click.menu', function(e) { + var link = $(this); + var menuitem = link.parent(); + var submenu = menuitem.children('ul'); + var animate = !(menuitem.hasClass('layout-root-menuitem') && $this.isSlim()); + + if (menuitem.hasClass('active-menuitem')) { + $this.deactivate(menuitem, animate); + } + else { + $this.deactivates(menuitem, animate); + $this.activate(menuitem, animate); + + var storage = $this.getStorage(); + if (storage) { + storage.setItem($this.cfg.stateKey, JSON.stringify(link.attr('href') + ',' + $this.menu.scrollTop())); + } + } + + if (submenu.length) { + e.preventDefault(); + } + }); + + this.rootMenuitems.off('mouseenter.menu').on('mouseenter.menu', function(e) { + if ($this.menuActive && $this.isHoverStateActive()) { + var menuitem = $(this); + + if (!menuitem.hasClass('active-menuitem')) { + $this.deactivates(menuitem, false); + $this.activate(menuitem, false); + } + } + }); + + $(document.body).off('click.menu').on('click.menu', function(e) { + if (!$this.menuClick && $this.isHoverStateActive()) { + $this.deactivates(undefined, false); + } + + if (!$this.menuWrapperClick && !$this.menuButtonClick && !($this.isStatic() && $this.isDesktop())) { + $this.isDesktop() && $this.wrapper.hasClass('layout-menu-active') && $this.wrapper.removeClass('layout-menu-active'); + $this.isMobile() && $this.wrapper.hasClass('layout-menu-mobile-active') && $this.wrapper.removeClass('layout-menu-mobile-active'); + } + + $this.menuClick = false; + $this.menuButtonClick = false; + $this.menuWrapperClick = false; + }); + }, + + toggleMenuActive: function() { + if (this.isDesktop()) { + this.wrapper.toggleClass('layout-menu-active'); + } + else { + if (this.wrapper.hasClass('layout-menu-mobile-active')) { + this.wrapper.removeClass('layout-menu-mobile-active'); + this.disableModal(); + } + else { + this.wrapper.addClass('layout-menu-mobile-active'); + this.enableModal(); + } + } + }, + + enableModal: function() { + if (!this.modal) { + this.modal = $('
'); + this.wrapper.append(this.modal); + } + }, + + disableModal: function() { + if (this.modal) { + this.modal.remove(); + this.modal = null; + } + }, + + activate: function(menuitem, animate) { + menuitem.addClass('active-menuitem'); + + if (menuitem.hasClass('layout-root-menuitem')) { + this.menuActive = true; + } + + var submenu = menuitem.children('ul'); + if (submenu.length) { + animate ? submenu.slideDown() : submenu.show(); + } + }, + + deactivate: function(menuitem, animate) { + menuitem.removeClass('active-menuitem').find('.ink').remove(); + + if (menuitem.hasClass('layout-root-menuitem')) { + this.menuActive = false; + } + + var submenu = menuitem.children('ul'); + if (submenu.length) { + animate ? submenu.slideUp(function() { submenu.css('display', '') }) : (submenu.hide(), submenu.css('display', '')); + } + }, + + deactivates: function(menuitem, animate) { + var $this = this; + var activeMenuitems = this.menuitems.filter('.active-menuitem'); + + activeMenuitems.each(function() { + var item = $(this); + + if (!item.is(menuitem) && !item.has(menuitem).length) { + $this.deactivate(item, animate); + } + }); + }, + + restoreMenuState: function() { + var $this = this; + + if (this.stateful) { + var link = this.menu.find('a[href^="' + this.cfg.pathname + '"]'); + + if (link.length) { + var menuitem = link.closest('li'); + var parentMenu = menuitem.closest('ul'); + + menuitem.addClass('active-menuitem'); + link.addClass('active-menuitem-routerlink'); + + if (parentMenu.length) { + var parentMenuItem = parentMenu.closest('li'); + + while (!parentMenuItem.hasClass('layout-root-menuitem')) { + this.activate(parentMenuItem, false); + + parentMenu = parentMenuItem.closest('ul'); + if (!parentMenu.length) { + break; + } + + parentMenuItem = parentMenu.closest('li'); + } + + if (parentMenuItem.hasClass('layout-root-menuitem') && !parentMenuItem.closest('ul').hasClass('layout-menu')) { + this.activate(parentMenuItem, false); + } + } + + setTimeout(function() { + $this.restoreScrollState(menuitem); + }, 100); + } + } + + if (this.isStatic() && !this.isMobile()) { + this.menuWrapper.css('transition', 'none'); + this.menuButton.children().css('transition', 'none'); + this.wrapper.addClass('layout-menu-active'); + + setTimeout(function() { + $this.menuWrapper.css('transition', ''); + $this.menuButton.children().css('transition', ''); + }, 100); + } + }, + + restoreScrollState: function(menuitem) { + var storage = this.getStorage(); + var stateString = storage.getItem(this.cfg.stateKey); + + if (stateString) { + var state = JSON.parse(stateString).split(','); + + if (state[0].startsWith(this.cfg.pathname) || this.isScrolledIntoView(menuitem, state[1])) { + this.menu.scrollTop(parseInt(state[1], 10)); + } + else { + this.scrollIntoView(menuitem.get(0)); + storage.removeItem(this.cfg.stateKey); + } + } + else if (!this.isScrolledIntoView(menuitem, menuitem.scrollTop())){ + this.scrollIntoView(menuitem.get(0)); + } + }, + + scrollIntoView: function(element) { + if (document.documentElement.scrollIntoView) { + element.scrollIntoView({ block: 'nearest', inline: 'start' }); + + var scrollTop = this.menu.scrollTop(); + if (scrollTop > 0) { + this.menu.scrollTop(scrollTop + parseFloat($('.layout-topbar').height())); + } + } + }, + + isScrolledIntoView: function(element, scrollTop) { + var viewBottom = parseInt(scrollTop, 10) + this.menu.height(); + + var top = element.position().top; + var bottom = top + element.height(); + + return ((bottom <= viewBottom) && (top >= scrollTop)); + }, + + clearState: function() { + var storage = this.getStorage(); + storage.removeItem(this.cfg.stateKey); + }, + + getStorage: function() { + switch (this.cfg.stateStorage) { + case 'local': + return window.localStorage; + + case 'session': + return window.sessionStorage; + + case 'none': + return null; + + default: + throw new Error(props.stateStorage + ' is not a valid value for the state storage, supported values are "local", "session" and "custom".'); + } + }, + + getCSSVariable(name) { + return getComputedStyle(document.body).getPropertyValue(name); + }, + + isDesktop: function() { + return window.innerWidth > this.mobileBreakpoint; + }, + + isMobile: function() { + return window.innerWidth <= this.mobileBreakpoint; + }, + + isOverlay: function() { + return this.wrapper.hasClass('layout-menu-overlay'); + }, + + isStatic: function() { + return this.wrapper.hasClass('layout-menu-static'); + }, + + isHorizontal: function() { + return this.wrapper.hasClass('layout-menu-horizontal'); + }, + + isSlim: function() { + return this.wrapper.hasClass('layout-menu-slim'); + }, + + isStateful: function() { + return this.cfg.stateStorage !== 'none'; + }, + + isHoverStateActive: function() { + return (this.isHorizontal() || this.isSlim()) && this.isDesktop(); + } +}); \ No newline at end of file diff --git a/src/main/resources/resources/layout/primeflex/primeflex-v2.min.css b/src/main/resources/resources/layout/primeflex/primeflex-v2.min.css new file mode 100644 index 0000000..1f4ccda --- /dev/null +++ b/src/main/resources/resources/layout/primeflex/primeflex-v2.min.css @@ -0,0 +1 @@ +.p-grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-1rem;margin-left:-1rem;margin-top:-1rem}.p-grid>.p-col,.p-grid>[class*=p-col]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.p-nogutter{margin-right:0;margin-left:0;margin-top:0}.p-nogutter>.p-col,.p-nogutter>[class*=p-col-]{padding:0}.p-col{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;padding:1rem}.p-col-fixed{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:1rem}.p-col-1,.p-col-2,.p-col-3,.p-col-4,.p-col-5,.p-col-6,.p-col-7,.p-col-8,.p-col-9,.p-col-10,.p-col-11,.p-col-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:1rem}.p-col-1{width:8.3333%}.p-col-2{width:16.6667%}.p-col-3{width:25%}.p-col-4{width:33.3333%}.p-col-5{width:41.6667%}.p-col-6{width:50%}.p-col-7{width:58.3333%}.p-col-8{width:66.6667%}.p-col-9{width:75%}.p-col-10{width:83.3333%}.p-col-11{width:91.6667%}.p-col-12{width:100%}.p-offset-12{margin-left:100%}.p-offset-11{margin-left:91.66666667%}.p-offset-10{margin-left:83.33333333%}.p-offset-9{margin-left:75%}.p-offset-8{margin-left:66.66666667%}.p-offset-7{margin-left:58.33333333%}.p-offset-6{margin-left:50%}.p-offset-5{margin-left:41.66666667%}.p-offset-4{margin-left:33.33333333%}.p-offset-3{margin-left:25%}.p-offset-2{margin-left:16.66666667%}.p-offset-1{margin-left:8.33333333%}.p-offset-0{margin-left:0%}.p-sm-1,.p-sm-2,.p-sm-3,.p-sm-4,.p-sm-5,.p-sm-6,.p-sm-7,.p-sm-8,.p-sm-9,.p-sm-10,.p-sm-11,.p-sm-12,.p-md-1,.p-md-2,.p-md-3,.p-md-4,.p-md-5,.p-md-6,.p-md-7,.p-md-8,.p-md-9,.p-md-10,.p-md-11,.p-md-12,.p-lg-1,.p-lg-2,.p-lg-3,.p-lg-4,.p-lg-5,.p-lg-6,.p-lg-7,.p-lg-8,.p-lg-9,.p-lg-10,.p-lg-11,.p-lg-12,.p-xl-1,.p-xl-2,.p-xl-3,.p-xl-4,.p-xl-5,.p-xl-6,.p-xl-7,.p-xl-8,.p-xl-9,.p-xl-10,.p-xl-11,.p-xl-12{padding:1rem}.p-col-nogutter{padding:0}@media screen and (min-width: 576px){.p-sm-1,.p-sm-2,.p-sm-3,.p-sm-4,.p-sm-5,.p-sm-6,.p-sm-7,.p-sm-8,.p-sm-9,.p-sm-10,.p-sm-11,.p-sm-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-sm-1{width:8.3333%}.p-sm-2{width:16.6667%}.p-sm-3{width:25%}.p-sm-4{width:33.3333%}.p-sm-5{width:41.6667%}.p-sm-6{width:50%}.p-sm-7{width:58.3333%}.p-sm-8{width:66.6667%}.p-sm-9{width:75%}.p-sm-10{width:83.3333%}.p-sm-11{width:91.6667%}.p-sm-12{width:100%}.p-sm-offset-12{margin-left:100%}.p-sm-offset-11{margin-left:91.66666667%}.p-sm-offset-10{margin-left:83.33333333%}.p-sm-offset-9{margin-left:75%}.p-sm-offset-8{margin-left:66.66666667%}.p-sm-offset-7{margin-left:58.33333333%}.p-sm-offset-6{margin-left:50%}.p-sm-offset-5{margin-left:41.66666667%}.p-sm-offset-4{margin-left:33.33333333%}.p-sm-offset-3{margin-left:25%}.p-sm-offset-2{margin-left:16.66666667%}.p-sm-offset-1{margin-left:8.33333333%}.p-sm-offset-0{margin-left:0%}}@media screen and (min-width: 768px){.p-md-1,.p-md-2,.p-md-3,.p-md-4,.p-md-5,.p-md-6,.p-md-7,.p-md-8,.p-md-9,.p-md-10,.p-md-11,.p-md-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-md-1{width:8.3333%}.p-md-2{width:16.6667%}.p-md-3{width:25%}.p-md-4{width:33.3333%}.p-md-5{width:41.6667%}.p-md-6{width:50%}.p-md-7{width:58.3333%}.p-md-8{width:66.6667%}.p-md-9{width:75%}.p-md-10{width:83.3333%}.p-md-11{width:91.6667%}.p-md-12{width:100%}.p-md-offset-12{margin-left:100%}.p-md-offset-11{margin-left:91.66666667%}.p-md-offset-10{margin-left:83.33333333%}.p-md-offset-9{margin-left:75%}.p-md-offset-8{margin-left:66.66666667%}.p-md-offset-7{margin-left:58.33333333%}.p-md-offset-6{margin-left:50%}.p-md-offset-5{margin-left:41.66666667%}.p-md-offset-4{margin-left:33.33333333%}.p-md-offset-3{margin-left:25%}.p-md-offset-2{margin-left:16.66666667%}.p-md-offset-1{margin-left:8.33333333%}.p-md-offset-0{margin-left:0%}}@media screen and (min-width: 992px){.p-lg-1,.p-lg-2,.p-lg-3,.p-lg-4,.p-lg-5,.p-lg-6,.p-lg-7,.p-lg-8,.p-lg-9,.p-lg-10,.p-lg-11,.p-lg-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-lg-1{width:8.3333%}.p-lg-2{width:16.6667%}.p-lg-3{width:25%}.p-lg-4{width:33.3333%}.p-lg-5{width:41.6667%}.p-lg-6{width:50%}.p-lg-7{width:58.3333%}.p-lg-8{width:66.6667%}.p-lg-9{width:75%}.p-lg-10{width:83.3333%}.p-lg-11{width:91.6667%}.p-lg-12{width:100%}.p-lg-offset-12{margin-left:100%}.p-lg-offset-11{margin-left:91.66666667%}.p-lg-offset-10{margin-left:83.33333333%}.p-lg-offset-9{margin-left:75%}.p-lg-offset-8{margin-left:66.66666667%}.p-lg-offset-7{margin-left:58.33333333%}.p-lg-offset-6{margin-left:50%}.p-lg-offset-5{margin-left:41.66666667%}.p-lg-offset-4{margin-left:33.33333333%}.p-lg-offset-3{margin-left:25%}.p-lg-offset-2{margin-left:16.66666667%}.p-lg-offset-1{margin-left:8.33333333%}.p-lg-offset-0{margin-left:0%}}@media screen and (min-width: 1200px){.p-xl-1,.p-xl-2,.p-xl-3,.p-xl-4,.p-xl-5,.p-xl-6,.p-xl-7,.p-xl-8,.p-xl-9,.p-xl-10,.p-xl-11,.p-xl-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.p-xl-1{width:8.3333%}.p-xl-2{width:16.6667%}.p-xl-3{width:25%}.p-xl-4{width:33.3333%}.p-xl-5{width:41.6667%}.p-xl-6{width:50%}.p-xl-7{width:58.3333%}.p-xl-8{width:66.6667%}.p-xl-9{width:75%}.p-xl-10{width:83.3333%}.p-xl-11{width:91.6667%}.p-xl-12{width:100%}.p-xl-offset-12{margin-left:100%}.p-xl-offset-11{margin-left:91.66666667%}.p-xl-offset-10{margin-left:83.33333333%}.p-xl-offset-9{margin-left:75%}.p-xl-offset-8{margin-left:66.66666667%}.p-xl-offset-7{margin-left:58.33333333%}.p-xl-offset-6{margin-left:50%}.p-xl-offset-5{margin-left:41.66666667%}.p-xl-offset-4{margin-left:33.33333333%}.p-xl-offset-3{margin-left:25%}.p-xl-offset-2{margin-left:16.66666667%}.p-xl-offset-1{margin-left:8.33333333%}.p-xl-offset-0{margin-left:0%}}.p-justify-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.p-justify-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.p-justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.p-justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.p-justify-around{-ms-flex-pack:distribute;justify-content:space-around}.p-justify-even{-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.p-align-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.p-align-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.p-align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.p-align-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.p-align-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.p-col-align-start{-ms-flex-item-align:start;align-self:flex-start}.p-col-align-end{-ms-flex-item-align:end;align-self:flex-end}.p-col-align-center{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.p-col-align-baseline{-ms-flex-item-align:baseline;align-self:baseline}.p-col-align-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.p-dir-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.p-dir-rev{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.p-dir-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.p-dir-col-rev{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.p-dir-col>.p-col,.p-dir-col-rev>.p-col{-ms-flex-preferred-size:auto;flex-basis:auto}.p-col-order-first{-ms-flex-order:-1;order:-1}.p-col-order-last{-ms-flex-order:13;order:13}.p-col-order-0{-ms-flex-order:0;order:0}.p-col-order-1{-ms-flex-order:1;order:1}.p-col-order-2{-ms-flex-order:2;order:2}.p-col-order-3{-ms-flex-order:3;order:3}.p-col-order-4{-ms-flex-order:4;order:4}.p-col-order-5{-ms-flex-order:5;order:5}.p-col-order-6{-ms-flex-order:6;order:6}.p-col-order-7{-ms-flex-order:7;order:7}.p-col-order-8{-ms-flex-order:8;order:8}.p-col-order-9{-ms-flex-order:9;order:9}.p-col-order-10{-ms-flex-order:10;order:10}.p-col-order-11{-ms-flex-order:11;order:11}.p-col-order-12{-ms-flex-order:12;order:12}@media screen and (min-width: 576px){.p-sm-order-first{-ms-flex-order:-1;order:-1}.p-sm-order-last{-ms-flex-order:13;order:13}.p-sm-order-0{-ms-flex-order:0;order:0}.p-sm-order-1{-ms-flex-order:1;order:1}.p-sm-order-2{-ms-flex-order:2;order:2}.p-sm-order-3{-ms-flex-order:3;order:3}.p-sm-order-4{-ms-flex-order:4;order:4}.p-sm-order-5{-ms-flex-order:5;order:5}.p-sm-order-6{-ms-flex-order:6;order:6}.p-sm-order-7{-ms-flex-order:7;order:7}.p-sm-order-8{-ms-flex-order:8;order:8}.p-sm-order-9{-ms-flex-order:9;order:9}.p-sm-order-10{-ms-flex-order:10;order:10}.p-sm-order-11{-ms-flex-order:11;order:11}.p-sm-order-12{-ms-flex-order:12;order:12}}@media screen and (min-width: 768px){.p-md-order-first{-ms-flex-order:-1;order:-1}.p-md-order-last{-ms-flex-order:13;order:13}.p-md-order-0{-ms-flex-order:0;order:0}.p-md-order-1{-ms-flex-order:1;order:1}.p-md-order-2{-ms-flex-order:2;order:2}.p-md-order-3{-ms-flex-order:3;order:3}.p-md-order-4{-ms-flex-order:4;order:4}.p-md-order-5{-ms-flex-order:5;order:5}.p-md-order-6{-ms-flex-order:6;order:6}.p-md-order-7{-ms-flex-order:7;order:7}.p-md-order-8{-ms-flex-order:8;order:8}.p-md-order-9{-ms-flex-order:9;order:9}.p-md-order-10{-ms-flex-order:10;order:10}.p-md-order-11{-ms-flex-order:11;order:11}.p-md-order-12{-ms-flex-order:12;order:12}}@media screen and (min-width: 992px){.p-lg-order-first{-ms-flex-order:-1;order:-1}.p-lg-order-last{-ms-flex-order:13;order:13}.p-lg-order-0{-ms-flex-order:0;order:0}.p-lg-order-1{-ms-flex-order:1;order:1}.p-lg-order-2{-ms-flex-order:2;order:2}.p-lg-order-3{-ms-flex-order:3;order:3}.p-lg-order-4{-ms-flex-order:4;order:4}.p-lg-order-5{-ms-flex-order:5;order:5}.p-lg-order-6{-ms-flex-order:6;order:6}.p-lg-order-7{-ms-flex-order:7;order:7}.p-lg-order-8{-ms-flex-order:8;order:8}.p-lg-order-9{-ms-flex-order:9;order:9}.p-lg-order-10{-ms-flex-order:10;order:10}.p-lg-order-11{-ms-flex-order:11;order:11}.p-lg-order-12{-ms-flex-order:12;order:12}}@media screen and (min-width: 1200px){.p-xl-order-first{-ms-flex-order:-1;order:-1}.p-xl-order-last{-ms-flex-order:13;order:13}.p-xl-order-0{-ms-flex-order:0;order:0}.p-xl-order-1{-ms-flex-order:1;order:1}.p-xl-order-2{-ms-flex-order:2;order:2}.p-xl-order-3{-ms-flex-order:3;order:3}.p-xl-order-4{-ms-flex-order:4;order:4}.p-xl-order-5{-ms-flex-order:5;order:5}.p-xl-order-6{-ms-flex-order:6;order:6}.p-xl-order-7{-ms-flex-order:7;order:7}.p-xl-order-8{-ms-flex-order:8;order:8}.p-xl-order-9{-ms-flex-order:9;order:9}.p-xl-order-10{-ms-flex-order:10;order:10}.p-xl-order-11{-ms-flex-order:11;order:11}.p-xl-order-12{-ms-flex-order:12;order:12}}.p-field{margin-bottom:1rem}.p-field>label{display:inline-block;margin-bottom:.5rem}.p-field.p-grid>label{display:flex;align-items:center}.p-field>small{margin-top:.25rem}.p-field.p-grid,.p-formgrid.p-grid{margin-top:0}.p-field.p-grid .p-col-fixed,.p-formgrid.p-grid .p-col-fixed,.p-field.p-grid .p-col,.p-formgrid.p-grid .p-col,.p-field.p-grid .p-col-1,.p-formgrid.p-grid .p-col-1,.p-field.p-grid .p-col-2,.p-formgrid.p-grid .p-col-2,.p-field.p-grid .p-col-3,.p-formgrid.p-grid .p-col-3,.p-field.p-grid .p-col-4,.p-formgrid.p-grid .p-col-4,.p-field.p-grid .p-col-5,.p-formgrid.p-grid .p-col-5,.p-field.p-grid .p-col-6,.p-formgrid.p-grid .p-col-6,.p-field.p-grid .p-col-7,.p-formgrid.p-grid .p-col-7,.p-field.p-grid .p-col-8,.p-formgrid.p-grid .p-col-8,.p-field.p-grid .p-col-9,.p-formgrid.p-grid .p-col-9,.p-field.p-grid .p-col-10,.p-formgrid.p-grid .p-col-10,.p-field.p-grid .p-col-11,.p-formgrid.p-grid .p-col-11,.p-field.p-grid .p-col-12,.p-formgrid.p-grid .p-col-12{padding-top:0;padding-bottom:0}.p-formgroup-inline{display:flex;flex-wrap:wrap;align-items:flex-start}.p-formgroup-inline .p-field,.p-formgroup-inline .p-field-checkbox,.p-formgroup-inline .p-field-radiobutton{margin-right:1rem}.p-formgroup-inline .p-field>label,.p-formgroup-inline .p-field-checkbox>label,.p-formgroup-inline .p-field-radiobutton>label{margin-right:.5rem;margin-bottom:0}.p-field-checkbox,.p-field-radiobutton{margin-bottom:1rem;display:flex;align-items:center}.p-field-checkbox>label,.p-field-radiobutton>label{margin-left:.5rem;line-height:1}.p-d-none{display:none !important}.p-d-inline{display:inline !important}.p-d-inline-block{display:inline-block !important}.p-d-block{display:block !important}.p-d-flex{display:flex !important}.p-d-inline-flex{display:inline-flex !important}@media screen and (min-width: 576px){.p-d-sm-none{display:none !important}.p-d-sm-inline{display:inline !important}.p-d-sm-inline-block{display:inline-block !important}.p-d-sm-block{display:block !important}.p-d-sm-flex{display:flex !important}.p-d-sm-inline-flex{display:inline-flex !important}}@media screen and (min-width: 768px){.p-d-md-none{display:none !important}.p-d-md-inline{display:inline !important}.p-d-md-inline-block{display:inline-block !important}.p-d-md-block{display:block !important}.p-d-md-flex{display:flex !important}.p-d-md-inline-flex{display:inline-flex !important}}@media screen and (min-width: 992px){.p-d-lg-none{display:none !important}.p-d-lg-inline{display:inline !important}.p-d-lg-inline-block{display:inline-block !important}.p-d-lg-block{display:block !important}.p-d-lg-flex{display:flex !important}.p-d-lg-inline-flex{display:inline-flex !important}}@media screen and (min-width: 1200px){.p-d-xl-none{display:none !important}.p-d-xl-inline{display:inline !important}.p-d-xl-inline-block{display:inline-block !important}.p-d-xl-block{display:block !important}.p-d-xl-flex{display:flex !important}.p-d-xl-inline-flex{display:inline-flex !important}}@media print{.p-d-print-none{display:none !important}.p-d-print-inline{display:inline !important}.p-d-print-inline-block{display:inline-block !important}.p-d-print-block{display:block !important}.p-d-print-flex{display:flex !important}.p-d-print-inline-flex{display:inline-flex !important}}.p-text-justify{text-align:justify !important}.p-text-left{text-align:left !important}.p-text-right{text-align:right !important}.p-text-center{text-align:center !important}.p-text-nowrap{white-space:nowrap !important}.p-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-text-lowercase{text-transform:lowercase !important}.p-text-uppercase{text-transform:uppercase !important}.p-text-capitalize{text-transform:capitalize !important}.p-text-bold{font-weight:700 !important}.p-text-normal{font-weight:400 !important}.p-text-light{font-weight:300 !important}.p-text-italic{font-style:italic !important}@media screen and (min-width: 576px){.p-text-sm-justify{text-align:justify !important}.p-text-sm-left{text-align:left !important}.p-text-sm-right{text-align:right !important}.p-text-sm-center{text-align:center !important}}@media screen and (min-width: 768px){.p-text-md-justify{text-align:justify !important}.p-text-md-left{text-align:left !important}.p-text-md-right{text-align:right !important}.p-text-md-center{text-align:center !important}}@media screen and (min-width: 992px){.p-text-lg-justify{text-align:justify !important}.p-text-lg-left{text-align:left !important}.p-text-lg-right{text-align:right !important}.p-text-lg-center{text-align:center !important}}@media screen and (min-width: 1200px){.p-text-xl-justify{text-align:justify !important}.p-text-xl-left{text-align:left !important}.p-text-xl-right{text-align:right !important}.p-text-xl-center{text-align:center !important}}.p-flex-row{flex-direction:row !important}.p-flex-row-reverse{flex-direction:row-reverse !important}.p-flex-column{flex-direction:column !important}.p-flex-column-reverse{flex-direction:column-reverse !important}@media screen and (min-width: 576px){.p-flex-sm-row{flex-direction:row !important}.p-flex-sm-row-reverse{flex-direction:row-reverse !important}.p-flex-sm-column{flex-direction:column !important}.p-flex-sm-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 768px){.p-flex-md-row{flex-direction:row !important}.p-flex-md-row-reverse{flex-direction:row-reverse !important}.p-flex-md-column{flex-direction:column !important}.p-flex-md-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 992px){.p-flex-lg-row{flex-direction:row !important}.p-flex-lg-row-reverse{flex-direction:row-reverse !important}.p-flex-lg-column{flex-direction:column !important}.p-flex-lg-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 1200px){.p-flex-xl-row{flex-direction:row !important}.p-flex-xl-row-reverse{flex-direction:row-reverse !important}.p-flex-xl-column{flex-direction:column !important}.p-flex-xl-column-reverse{flex-direction:column-reverse !important}}.p-jc-start{justify-content:flex-start}.p-jc-end{justify-content:flex-end}.p-jc-center{justify-content:center}.p-jc-between{justify-content:space-between}.p-jc-around{justify-content:space-around}.p-jc-evenly{justify-content:space-evenly}@media screen and (min-width: 576px){.p-jc-sm-start{justify-content:flex-start}.p-jc-sm-end{justify-content:flex-end}.p-jc-sm-center{justify-content:center}.p-jc-sm-between{justify-content:space-between}.p-jc-sm-around{justify-content:space-around}.p-jc-sm-evenly{justify-content:space-evenly}}@media screen and (min-width: 768px){.p-jc-md-start{justify-content:flex-start}.p-jc-md-end{justify-content:flex-end}.p-jc-md-center{justify-content:center}.p-jc-md-between{justify-content:space-between}.p-jc-md-around{justify-content:space-around}.p-jc-md-evenly{justify-content:space-evenly}}@media screen and (min-width: 992px){.p-jc-lg-start{justify-content:flex-start}.p-jc-lg-end{justify-content:flex-end}.p-jc-lg-center{justify-content:center}.p-jc-lg-between{justify-content:space-between}.p-jc-lg-around{justify-content:space-around}.p-jc-lg-evenly{justify-content:space-evenly}}@media screen and (min-width: 1200px){.p-jc-xl-start{justify-content:flex-start}.p-jc-xl-end{justify-content:flex-end}.p-jc-xl-center{justify-content:center}.p-jc-xl-between{justify-content:space-between}.p-jc-xl-around{justify-content:space-around}.p-jc-xl-evenly{justify-content:space-evenly}}.p-ai-start{align-items:flex-start}.p-ai-end{align-items:flex-end}.p-ai-center{align-items:center}.p-ai-baseline{align-items:baseline}.p-ai-stretch{align-items:stretch}@media screen and (min-width: 576px){.p-ai-sm-start{align-items:flex-start}.p-ai-sm-end{align-items:flex-end}.p-ai-sm-center{align-items:center}.p-ai-sm-baseline{align-items:baseline}.p-ai-sm-stretch{align-items:stretch}}@media screen and (min-width: 768px){.p-ai-md-start{align-items:flex-start}.p-ai-md-end{align-items:flex-end}.p-ai-md-center{align-items:center}.p-ai-md-baseline{align-items:baseline}.p-ai-md-stretch{align-items:stretch}}@media screen and (min-width: 992px){.p-ai-lg-start{align-items:flex-start}.p-ai-lg-end{align-items:flex-end}.p-ai-lg-center{align-items:center}.p-ai-lg-baseline{align-items:baseline}.p-ai-lg-stretch{align-items:stretch}}@media screen and (min-width: 1200px){.p-ai-xl-start{align-items:flex-start}.p-ai-xl-end{align-items:flex-end}.p-ai-xl-center{align-items:center}.p-ai-xl-baseline{align-items:baseline}.p-ai-xl-stretch{align-items:stretch}}.p-as-start{align-self:start}.p-as-end{align-self:flex-end}.p-as-center{align-self:center}.p-as-baseline{align-self:baseline}.p-as-stretch{align-self:stretch}@media screen and (min-width: 576px){.p-as-sm-start{align-self:start}.p-as-sm-end{align-self:flex-end}.p-as-sm-center{align-self:center}.p-as-sm-baseline{align-self:baseline}.p-as-sm-stretch{align-self:stretch}}@media screen and (min-width: 768px){.p-as-md-start{align-self:start}.p-as-md-end{align-self:flex-end}.p-as-md-center{align-self:center}.p-as-md-baseline{align-self:baseline}.p-as-md-stretch{align-self:stretch}}@media screen and (min-width: 992px){.p-as-lg-start{align-self:start}.p-as-lg-end{align-self:flex-end}.p-as-lg-center{align-self:center}.p-as-lg-baseline{align-self:baseline}.p-as-lg-stretch{align-self:stretch}}@media screen and (min-width: 1200px){.p-as-xl-start{align-self:start}.p-as-xl-end{align-self:flex-end}.p-as-xl-center{align-self:center}.p-as-xl-baseline{align-self:baseline}.p-as-xl-stretch{align-self:stretch}}.p-ac-start{align-content:flex-start}.p-ac-end{align-content:flex-end}.p-ac-center{align-content:center}.p-ac-around{align-content:space-around}.p-ac-stretch{align-content:stretch}.p-ac-between{align-content:space-between}@media screen and (min-width: 576px){.p-ac-sm-start{align-content:flex-start}.p-ac-sm-end{align-content:flex-end}.p-ac-sm-center{align-content:center}.p-ac-sm-around{align-content:space-around}.p-ac-sm-stretch{align-content:stretch}.p-ac-sm-between{align-content:space-between}}@media screen and (min-width: 768px){.p-ac-md-start{align-content:flex-start}.p-ac-md-end{align-content:flex-end}.p-ac-md-center{align-content:center}.p-ac-md-around{align-content:space-around}.p-ac-md-stretch{align-content:stretch}.p-ac-md-between{align-content:space-between}}@media screen and (min-width: 992px){.p-ac-lg-start{align-content:flex-start}.p-ac-lg-end{align-content:flex-end}.p-ac-lg-center{align-content:center}.p-ac-lg-around{align-content:space-around}.p-ac-lg-stretch{align-content:stretch}.p-ac-lg-between{align-content:space-between}}@media screen and (min-width: 1200px){.p-ac-xl-start{align-content:flex-start}.p-ac-xl-end{align-content:flex-end}.p-ac-xl-center{align-content:center}.p-ac-xl-around{align-content:space-around}.p-ac-xl-stretch{align-content:stretch}.p-ac-xl-between{align-content:space-between}}.p-order-0{order:0}.p-order-1{order:1}.p-order-2{order:2}.p-order-3{order:3}.p-order-4{order:4}.p-order-5{order:5}.p-order-6{order:6}@media screen and (min-width: 576px){.p-order-sm-0{order:0}.p-order-sm-1{order:1}.p-order-sm-2{order:2}.p-order-sm-3{order:3}.p-order-sm-4{order:4}.p-order-sm-5{order:5}.p-order-sm-6{order:6}}@media screen and (min-width: 768px){.p-order-md-0{order:0}.p-order-md-1{order:1}.p-order-md-2{order:2}.p-order-md-3{order:3}.p-order-md-4{order:4}.p-order-md-5{order:5}.p-order-md-6{order:6}}@media screen and (min-width: 992px){.p-order-lg-0{order:0}.p-order-lg-1{order:1}.p-order-lg-2{order:2}.p-order-lg-3{order:3}.p-order-lg-4{order:4}.p-order-lg-5{order:5}.p-order-lg-6{order:6}}@media screen and (min-width: 1200px){.p-order-xl-0{order:0}.p-order-xl-1{order:1}.p-order-xl-2{order:2}.p-order-xl-3{order:3}.p-order-xl-4{order:4}.p-order-xl-5{order:5}.p-order-xl-6{order:6}}.p-flex-nowrap{flex-wrap:nowrap}.p-flex-wrap{flex-wrap:wrap}.p-flex-wrap-reverse{flex-wrap:wrap-reverse}@media screen and (min-width: 576px){.p-flex-sm-nowrap{flex-wrap:nowrap}.p-flex-sm-wrap{flex-wrap:wrap}.p-flex-sm-wrap-reverse{flex-wrap:wrap-reverse}}@media screen and (min-width: 768px){.p-flex-md-nowrap{flex-wrap:nowrap}.p-flex-md-wrap{flex-wrap:wrap}.p-flex-md-wrap-reverse{flex-wrap:wrap-reverse}}@media screen and (min-width: 992px){.p-flex-lg-nowrap{flex-wrap:nowrap}.p-flex-lg-wrap{flex-wrap:wrap}.p-flex-lg-wrap-reverse{flex-wrap:wrap-reverse}}@media screen and (min-width: 1200px){.p-flex-xl-nowrap{flex-wrap:nowrap}.p-flex-xl-wrap{flex-wrap:wrap}.p-flex-xl-wrap-reverse{flex-wrap:wrap-reverse}}.p-pt-0{padding-top:0 !important}.p-pt-1{padding-top:.25rem !important}.p-pt-2{padding-top:.5rem !important}.p-pt-3{padding-top:1rem !important}.p-pt-4{padding-top:1.5rem !important}.p-pt-5{padding-top:2rem !important}.p-pt-6{padding-top:3rem !important}.p-pr-0{padding-right:0 !important}.p-pr-1{padding-right:.25rem !important}.p-pr-2{padding-right:.5rem !important}.p-pr-3{padding-right:1rem !important}.p-pr-4{padding-right:1.5rem !important}.p-pr-5{padding-right:2rem !important}.p-pr-6{padding-right:3rem !important}.p-pl-0{padding-left:0 !important}.p-pl-1{padding-left:.25rem !important}.p-pl-2{padding-left:.5rem !important}.p-pl-3{padding-left:1rem !important}.p-pl-4{padding-left:1.5rem !important}.p-pl-5{padding-left:2rem !important}.p-pl-6{padding-left:3rem !important}.p-pb-0{padding-bottom:0 !important}.p-pb-1{padding-bottom:.25rem !important}.p-pb-2{padding-bottom:.5rem !important}.p-pb-3{padding-bottom:1rem !important}.p-pb-4{padding-bottom:1.5rem !important}.p-pb-5{padding-bottom:2rem !important}.p-pb-6{padding-bottom:3rem !important}.p-px-0{padding-left:0 !important;padding-right:0 !important}.p-px-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-0{padding:0 !important}.p-p-1{padding:.25rem !important}.p-p-2{padding:.5rem !important}.p-p-3{padding:1rem !important}.p-p-4{padding:1.5rem !important}.p-p-5{padding:2rem !important}.p-p-6{padding:3rem !important}@media screen and (min-width: 576px){.p-pt-sm-0{padding-top:0 !important}.p-pt-sm-1{padding-top:.25rem !important}.p-pt-sm-2{padding-top:.5rem !important}.p-pt-sm-3{padding-top:1rem !important}.p-pt-sm-4{padding-top:1.5rem !important}.p-pt-sm-5{padding-top:2rem !important}.p-pt-sm-6{padding-top:3rem !important}.p-pr-sm-0{padding-right:0 !important}.p-pr-sm-1{padding-right:.25rem !important}.p-pr-sm-2{padding-right:.5rem !important}.p-pr-sm-3{padding-right:1rem !important}.p-pr-sm-4{padding-right:1.5rem !important}.p-pr-sm-5{padding-right:2rem !important}.p-pr-sm-6{padding-right:3rem !important}.p-pl-sm-0{padding-left:0 !important}.p-pl-sm-1{padding-left:.25rem !important}.p-pl-sm-2{padding-left:.5rem !important}.p-pl-sm-3{padding-left:1rem !important}.p-pl-sm-4{padding-left:1.5rem !important}.p-pl-sm-5{padding-left:2rem !important}.p-pl-sm-6{padding-left:3rem !important}.p-pb-sm-0{padding-bottom:0 !important}.p-pb-sm-1{padding-bottom:.25rem !important}.p-pb-sm-2{padding-bottom:.5rem !important}.p-pb-sm-3{padding-bottom:1rem !important}.p-pb-sm-4{padding-bottom:1.5rem !important}.p-pb-sm-5{padding-bottom:2rem !important}.p-pb-sm-6{padding-bottom:3rem !important}.p-px-sm-0{padding-left:0 !important;padding-right:0 !important}.p-px-sm-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-sm-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-sm-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-sm-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-sm-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-sm-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-sm-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-sm-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-sm-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-sm-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-sm-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-sm-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-sm-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-sm-0{padding:0 !important}.p-p-sm-1{padding:.25rem !important}.p-p-sm-2{padding:.5rem !important}.p-p-sm-3{padding:1rem !important}.p-p-sm-4{padding:1.5rem !important}.p-p-sm-5{padding:2rem !important}.p-p-sm-6{padding:3rem !important}}@media screen and (min-width: 768px){.p-pt-md-0{padding-top:0 !important}.p-pt-md-1{padding-top:.25rem !important}.p-pt-md-2{padding-top:.5rem !important}.p-pt-md-3{padding-top:1rem !important}.p-pt-md-4{padding-top:1.5rem !important}.p-pt-md-5{padding-top:2rem !important}.p-pt-md-6{padding-top:3rem !important}.p-pr-md-0{padding-right:0 !important}.p-pr-md-1{padding-right:.25rem !important}.p-pr-md-2{padding-right:.5rem !important}.p-pr-md-3{padding-right:1rem !important}.p-pr-md-4{padding-right:1.5rem !important}.p-pr-md-5{padding-right:2rem !important}.p-pr-md-6{padding-right:3rem !important}.p-pl-md-0{padding-left:0 !important}.p-pl-md-1{padding-left:.25rem !important}.p-pl-md-2{padding-left:.5rem !important}.p-pl-md-3{padding-left:1rem !important}.p-pl-md-4{padding-left:1.5rem !important}.p-pl-md-5{padding-left:2rem !important}.p-pl-md-6{padding-left:3rem !important}.p-pb-md-0{padding-bottom:0 !important}.p-pb-md-1{padding-bottom:.25rem !important}.p-pb-md-2{padding-bottom:.5rem !important}.p-pb-md-3{padding-bottom:1rem !important}.p-pb-md-4{padding-bottom:1.5rem !important}.p-pb-md-5{padding-bottom:2rem !important}.p-pb-md-6{padding-bottom:3rem !important}.p-px-md-0{padding-left:0 !important;padding-right:0 !important}.p-px-md-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-md-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-md-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-md-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-md-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-md-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-md-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-md-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-md-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-md-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-md-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-md-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-md-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-md-0{padding:0 !important}.p-p-md-1{padding:.25rem !important}.p-p-md-2{padding:.5rem !important}.p-p-md-3{padding:1rem !important}.p-p-md-4{padding:1.5rem !important}.p-p-md-5{padding:2rem !important}.p-p-md-6{padding:3rem !important}}@media screen and (min-width: 992px){.p-pt-lg-0{padding-top:0 !important}.p-pt-lg-1{padding-top:.25rem !important}.p-pt-lg-2{padding-top:.5rem !important}.p-pt-lg-3{padding-top:1rem !important}.p-pt-lg-4{padding-top:1.5rem !important}.p-pt-lg-5{padding-top:2rem !important}.p-pt-lg-6{padding-top:3rem !important}.p-pt-lg-auto{padding-top:3rem !important}.p-pr-lg-0{padding-right:0 !important}.p-pr-lg-1{padding-right:.25rem !important}.p-pr-lg-2{padding-right:.5rem !important}.p-pr-lg-3{padding-right:1rem !important}.p-pr-lg-4{padding-right:1.5rem !important}.p-pr-lg-5{padding-right:2rem !important}.p-pr-lg-6{padding-right:3rem !important}.p-pl-lg-0{padding-left:0 !important}.p-pl-lg-1{padding-left:.25rem !important}.p-pl-lg-2{padding-left:.5rem !important}.p-pl-lg-3{padding-left:1rem !important}.p-pl-lg-4{padding-left:1.5rem !important}.p-pl-lg-5{padding-left:2rem !important}.p-pl-lg-6{padding-left:3rem !important}.p-pb-lg-0{padding-bottom:0 !important}.p-pb-lg-1{padding-bottom:.25rem !important}.p-pb-lg-2{padding-bottom:.5rem !important}.p-pb-lg-3{padding-bottom:1rem !important}.p-pb-lg-4{padding-bottom:1.5rem !important}.p-pb-lg-5{padding-bottom:2rem !important}.p-pb-lg-6{padding-bottom:3rem !important}.p-px-lg-0{padding-left:0 !important;padding-right:0 !important}.p-px-lg-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-lg-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-lg-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-lg-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-lg-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-lg-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-lg-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-lg-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-lg-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-lg-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-lg-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-lg-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-lg-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-lg-0{padding:0 !important}.p-p-lg-1{padding:.25rem !important}.p-p-lg-2{padding:.5rem !important}.p-p-lg-3{padding:1rem !important}.p-p-lg-4{padding:1.5rem !important}.p-p-lg-5{padding:2rem !important}.p-p-lg-6{padding:3rem !important}}@media screen and (min-width: 1200px){.p-pt-xl-0{padding-top:0 !important}.p-pt-xl-1{padding-top:.25rem !important}.p-pt-xl-2{padding-top:.5rem !important}.p-pt-xl-3{padding-top:1rem !important}.p-pt-xl-4{padding-top:1.5rem !important}.p-pt-xl-5{padding-top:2rem !important}.p-pt-xl-6{padding-top:3rem !important}.p-pr-xl-0{padding-right:0 !important}.p-pr-xl-1{padding-right:.25rem !important}.p-pr-xl-2{padding-right:.5rem !important}.p-pr-xl-3{padding-right:1rem !important}.p-pr-xl-4{padding-right:1.5rem !important}.p-pr-xl-5{padding-right:2rem !important}.p-pr-xl-6{padding-right:3rem !important}.p-pl-xl-0{padding-left:0 !important}.p-pl-xl-1{padding-left:.25rem !important}.p-pl-xl-2{padding-left:.5rem !important}.p-pl-xl-3{padding-left:1rem !important}.p-pl-xl-4{padding-left:1.5rem !important}.p-pl-xl-5{padding-left:2rem !important}.p-pl-xl-6{padding-left:3rem !important}.p-pb-xl-0{padding-bottom:0 !important}.p-pb-xl-1{padding-bottom:.25rem !important}.p-pb-xl-2{padding-bottom:.5rem !important}.p-pb-xl-3{padding-bottom:1rem !important}.p-pb-xl-4{padding-bottom:1.5rem !important}.p-pb-xl-5{padding-bottom:2rem !important}.p-pb-xl-6{padding-bottom:3rem !important}.p-px-xl-0{padding-left:0 !important;padding-right:0 !important}.p-px-xl-1{padding-left:.25rem !important;padding-right:.25rem !important}.p-px-xl-2{padding-left:.5rem !important;padding-right:.5rem !important}.p-px-xl-3{padding-left:1rem !important;padding-right:1rem !important}.p-px-xl-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.p-px-xl-5{padding-left:2rem !important;padding-right:2rem !important}.p-px-xl-6{padding-left:3rem !important;padding-right:3rem !important}.p-py-xl-0{padding-top:0 !important;padding-bottom:0 !important}.p-py-xl-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.p-py-xl-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.p-py-xl-3{padding-top:1rem !important;padding-bottom:1rem !important}.p-py-xl-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.p-py-xl-5{padding-top:2rem !important;padding-bottom:2rem !important}.p-py-xl-6{padding-top:3rem !important;padding-bottom:3rem !important}.p-p-xl-0{padding:0 !important}.p-p-xl-1{padding:.25rem !important}.p-p-xl-2{padding:.5rem !important}.p-p-xl-3{padding:1rem !important}.p-p-xl-4{padding:1.5rem !important}.p-p-xl-5{padding:2rem !important}.p-p-xl-6{padding:3rem !important}}.p-mt-0{margin-top:0 !important}.p-mt-1{margin-top:.25rem !important}.p-mt-2{margin-top:.5rem !important}.p-mt-3{margin-top:1rem !important}.p-mt-4{margin-top:1.5rem !important}.p-mt-5{margin-top:2rem !important}.p-mt-6{margin-top:3rem !important}.p-mt-auto{margin-top:auto !important}.p-mr-0{margin-right:0 !important}.p-mr-1{margin-right:.25rem !important}.p-mr-2{margin-right:.5rem !important}.p-mr-3{margin-right:1rem !important}.p-mr-4{margin-right:1.5rem !important}.p-mr-5{margin-right:2rem !important}.p-mr-6{margin-right:3rem !important}.p-mr-auto{margin-right:auto !important}.p-ml-0{margin-left:0 !important}.p-ml-1{margin-left:.25rem !important}.p-ml-2{margin-left:.5rem !important}.p-ml-3{margin-left:1rem !important}.p-ml-4{margin-left:1.5rem !important}.p-ml-5{margin-left:2rem !important}.p-ml-6{margin-left:3rem !important}.p-ml-auto{margin-left:auto !important}.p-mb-0{margin-bottom:0 !important}.p-mb-1{margin-bottom:.25rem !important}.p-mb-2{margin-bottom:.5rem !important}.p-mb-3{margin-bottom:1rem !important}.p-mb-4{margin-bottom:1.5rem !important}.p-mb-5{margin-bottom:2rem !important}.p-mb-6{margin-bottom:3rem !important}.p-mb-auto{margin-bottom:auto !important}.p-mx-0{margin-left:0 !important;margin-right:0 !important}.p-mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-auto{margin-left:auto !important;margin-right:auto !important}.p-my-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-0{margin:0 !important}.p-m-1{margin:.25rem !important}.p-m-2{margin:.5rem !important}.p-m-3{margin:1rem !important}.p-m-4{margin:1.5rem !important}.p-m-5{margin:2rem !important}.p-m-6{margin:3rem !important}.p-m-auto{margin:auto !important}@media screen and (min-width: 576px){.p-mt-sm-0{margin-top:0 !important}.p-mt-sm-1{margin-top:.25rem !important}.p-mt-sm-2{margin-top:.5rem !important}.p-mt-sm-3{margin-top:1rem !important}.p-mt-sm-4{margin-top:1.5rem !important}.p-mt-sm-5{margin-top:2rem !important}.p-mt-sm-6{margin-top:3rem !important}.p-mt-sm-auto{margin-top:3rem !important}.p-mr-sm-0{margin-right:0 !important}.p-mr-sm-1{margin-right:.25rem !important}.p-mr-sm-2{margin-right:.5rem !important}.p-mr-sm-3{margin-right:1rem !important}.p-mr-sm-4{margin-right:1.5rem !important}.p-mr-sm-5{margin-right:2rem !important}.p-mr-sm-6{margin-right:3rem !important}.p-mr-sm-auto{margin-right:auto !important}.p-ml-sm-0{margin-left:0 !important}.p-ml-sm-1{margin-left:.25rem !important}.p-ml-sm-2{margin-left:.5rem !important}.p-ml-sm-3{margin-left:1rem !important}.p-ml-sm-4{margin-left:1.5rem !important}.p-ml-sm-5{margin-left:2rem !important}.p-ml-sm-6{margin-left:3rem !important}.p-ml-sm-auto{margin-left:auto !important}.p-mb-sm-0{margin-bottom:0 !important}.p-mb-sm-1{margin-bottom:.25rem !important}.p-mb-sm-2{margin-bottom:.5rem !important}.p-mb-sm-3{margin-bottom:1rem !important}.p-mb-sm-4{margin-bottom:1.5rem !important}.p-mb-sm-5{margin-bottom:2rem !important}.p-mb-sm-6{margin-bottom:3rem !important}.p-mb-sm-auto{margin-bottom:auto !important}.p-mx-sm-0{margin-left:0 !important;margin-right:0 !important}.p-mx-sm-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-sm-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-sm-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-sm-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-sm-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-sm-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-sm-auto{margin-left:auto !important;margin-right:auto !important}.p-my-sm-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-sm-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-sm-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-sm-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-sm-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-sm-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-sm-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-sm-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-sm-0{margin:0 !important}.p-m-sm-1{margin:.25rem !important}.p-m-sm-2{margin:.5rem !important}.p-m-sm-3{margin:1rem !important}.p-m-sm-4{margin:1.5rem !important}.p-m-sm-5{margin:2rem !important}.p-m-sm-6{margin:3rem !important}.p-m-sm-auto{margin:auto !important}}@media screen and (min-width: 768px){.p-mt-md-0{margin-top:0 !important}.p-mt-md-1{margin-top:.25rem !important}.p-mt-md-2{margin-top:.5rem !important}.p-mt-md-3{margin-top:1rem !important}.p-mt-md-4{margin-top:1.5rem !important}.p-mt-md-5{margin-top:2rem !important}.p-mt-md-6{margin-top:3rem !important}.p-mt-md-auto{margin-top:3rem !important}.p-mr-md-0{margin-right:0 !important}.p-mr-md-1{margin-right:.25rem !important}.p-mr-md-2{margin-right:.5rem !important}.p-mr-md-3{margin-right:1rem !important}.p-mr-md-4{margin-right:1.5rem !important}.p-mr-md-5{margin-right:2rem !important}.p-mr-md-6{margin-right:3rem !important}.p-mr-md-auto{margin-right:auto !important}.p-ml-md-0{margin-left:0 !important}.p-ml-md-1{margin-left:.25rem !important}.p-ml-md-2{margin-left:.5rem !important}.p-ml-md-3{margin-left:1rem !important}.p-ml-md-4{margin-left:1.5rem !important}.p-ml-md-5{margin-left:2rem !important}.p-ml-md-6{margin-left:3rem !important}.p-ml-md-auto{margin-left:auto !important}.p-mb-md-0{margin-bottom:0 !important}.p-mb-md-1{margin-bottom:.25rem !important}.p-mb-md-2{margin-bottom:.5rem !important}.p-mb-md-3{margin-bottom:1rem !important}.p-mb-md-4{margin-bottom:1.5rem !important}.p-mb-md-5{margin-bottom:2rem !important}.p-mb-md-6{margin-bottom:3rem !important}.p-mb-md-auto{margin-bottom:auto !important}.p-mx-md-0{margin-left:0 !important;margin-right:0 !important}.p-mx-md-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-md-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-md-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-md-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-md-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-md-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-md-auto{margin-left:auto !important;margin-right:auto !important}.p-my-md-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-md-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-md-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-md-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-md-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-md-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-md-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-md-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-md-0{margin:0 !important}.p-m-md-1{margin:.25rem !important}.p-m-md-2{margin:.5rem !important}.p-m-md-3{margin:1rem !important}.p-m-md-4{margin:1.5rem !important}.p-m-md-5{margin:2rem !important}.p-m-md-6{margin:3rem !important}.p-m-md-auto{margin:auto !important}}@media screen and (min-width: 992px){.p-mt-lg-0{margin-top:0 !important}.p-mt-lg-1{margin-top:.25rem !important}.p-mt-lg-2{margin-top:.5rem !important}.p-mt-lg-3{margin-top:1rem !important}.p-mt-lg-4{margin-top:1.5rem !important}.p-mt-lg-5{margin-top:2rem !important}.p-mt-lg-6{margin-top:3rem !important}.p-mt-lg-auto{margin-top:3rem !important}.p-mr-lg-0{margin-right:0 !important}.p-mr-lg-1{margin-right:.25rem !important}.p-mr-lg-2{margin-right:.5rem !important}.p-mr-lg-3{margin-right:1rem !important}.p-mr-lg-4{margin-right:1.5rem !important}.p-mr-lg-5{margin-right:2rem !important}.p-mr-lg-6{margin-right:3rem !important}.p-mr-lg-auto{margin-right:auto !important}.p-ml-lg-0{margin-left:0 !important}.p-ml-lg-1{margin-left:.25rem !important}.p-ml-lg-2{margin-left:.5rem !important}.p-ml-lg-3{margin-left:1rem !important}.p-ml-lg-4{margin-left:1.5rem !important}.p-ml-lg-5{margin-left:2rem !important}.p-ml-lg-6{margin-left:3rem !important}.p-ml-lg-auto{margin-left:auto !important}.p-mb-lg-0{margin-bottom:0 !important}.p-mb-lg-1{margin-bottom:.25rem !important}.p-mb-lg-2{margin-bottom:.5rem !important}.p-mb-lg-3{margin-bottom:1rem !important}.p-mb-lg-4{margin-bottom:1.5rem !important}.p-mb-lg-5{margin-bottom:2rem !important}.p-mb-lg-6{margin-bottom:3rem !important}.p-mb-lg-auto{margin-bottom:auto !important}.p-mx-lg-0{margin-left:0 !important;margin-right:0 !important}.p-mx-lg-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-lg-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-lg-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-lg-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-lg-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-lg-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-lg-auto{margin-left:auto !important;margin-right:auto !important}.p-my-lg-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-lg-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-lg-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-lg-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-lg-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-lg-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-lg-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-lg-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-lg-0{margin:0 !important}.p-m-lg-1{margin:.25rem !important}.p-m-lg-2{margin:.5rem !important}.p-m-lg-3{margin:1rem !important}.p-m-lg-4{margin:1.5rem !important}.p-m-lg-5{margin:2rem !important}.p-m-lg-6{margin:3rem !important}.p-m-lg-auto{margin:auto !important}}@media screen and (min-width: 1200px){.p-mt-xl-0{margin-top:0 !important}.p-mt-xl-1{margin-top:.25rem !important}.p-mt-xl-2{margin-top:.5rem !important}.p-mt-xl-3{margin-top:1rem !important}.p-mt-xl-4{margin-top:1.5rem !important}.p-mt-xl-5{margin-top:2rem !important}.p-mt-xl-6{margin-top:3rem !important}.p-mt-xl-auto{margin-top:3rem !important}.p-mr-xl-0{margin-right:0 !important}.p-mr-xl-1{margin-right:.25rem !important}.p-mr-xl-2{margin-right:.5rem !important}.p-mr-xl-3{margin-right:1rem !important}.p-mr-xl-4{margin-right:1.5rem !important}.p-mr-xl-5{margin-right:2rem !important}.p-mr-xl-6{margin-right:3rem !important}.p-mr-xl-auto{margin-right:auto !important}.p-ml-xl-0{margin-left:0 !important}.p-ml-xl-1{margin-left:.25rem !important}.p-ml-xl-2{margin-left:.5rem !important}.p-ml-xl-3{margin-left:1rem !important}.p-ml-xl-4{margin-left:1.5rem !important}.p-ml-xl-5{margin-left:2rem !important}.p-ml-xl-6{margin-left:3rem !important}.p-ml-xl-auto{margin-left:auto !important}.p-mb-xl-0{margin-bottom:0 !important}.p-mb-xl-1{margin-bottom:.25rem !important}.p-mb-xl-2{margin-bottom:.5rem !important}.p-mb-xl-3{margin-bottom:1rem !important}.p-mb-xl-4{margin-bottom:1.5rem !important}.p-mb-xl-5{margin-bottom:2rem !important}.p-mb-xl-6{margin-bottom:3rem !important}.p-mb-xl-auto{margin-bottom:auto !important}.p-mx-xl-0{margin-left:0 !important;margin-right:0 !important}.p-mx-xl-1{margin-left:.25rem !important;margin-right:.25rem !important}.p-mx-xl-2{margin-left:.5rem !important;margin-right:.5rem !important}.p-mx-xl-3{margin-left:1rem !important;margin-right:1rem !important}.p-mx-xl-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.p-mx-xl-5{margin-left:2rem !important;margin-right:2rem !important}.p-mx-xl-6{margin-left:3rem !important;margin-right:3rem !important}.p-mx-xl-auto{margin-left:auto !important;margin-right:auto !important}.p-my-xl-0{margin-top:0 !important;margin-bottom:0 !important}.p-my-xl-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.p-my-xl-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.p-my-xl-3{margin-top:1rem !important;margin-bottom:1rem !important}.p-my-xl-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.p-my-xl-5{margin-top:2rem !important;margin-bottom:2rem !important}.p-my-xl-6{margin-top:3rem !important;margin-bottom:3rem !important}.p-my-xl-auto{margin-top:auto !important;margin-bottom:auto !important}.p-m-xl-0{margin:0 !important}.p-m-xl-1{margin:.25rem !important}.p-m-xl-2{margin:.5rem !important}.p-m-xl-3{margin:1rem !important}.p-m-xl-4{margin:1.5rem !important}.p-m-xl-5{margin:2rem !important}.p-m-xl-6{margin:3rem !important}.p-m-xl-auto{margin:auto !important}}.p-shadow-1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.p-shadow-2{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.p-shadow-3{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.p-shadow-4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.p-shadow-5{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}.p-shadow-6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.p-shadow-7{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}.p-shadow-8{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.p-shadow-9{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}.p-shadow-10{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.p-shadow-11{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}.p-shadow-12{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.p-shadow-13{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}.p-shadow-14{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}.p-shadow-15{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}.p-shadow-16{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.p-shadow-17{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}.p-shadow-18{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}.p-shadow-19{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}.p-shadow-20{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}.p-shadow-21{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}.p-shadow-22{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}.p-shadow-23{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}.p-shadow-24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)} \ No newline at end of file diff --git a/src/main/resources/resources/layout/primeflex/primeflex.min.css b/src/main/resources/resources/layout/primeflex/primeflex.min.css new file mode 100644 index 0000000..bfe2752 --- /dev/null +++ b/src/main/resources/resources/layout/primeflex/primeflex.min.css @@ -0,0 +1 @@ +.grid{display:flex;flex-wrap:wrap;margin-right:-0.5rem;margin-left:-0.5rem;margin-top:-0.5rem}.grid>.col,.grid>[class*=col]{box-sizing:border-box}.grid-nogutter{margin-right:0;margin-left:0;margin-top:0}.grid-nogutter>.col,.grid-nogutter>[class*=col-]{padding:0}.col{flex-grow:1;flex-basis:0;padding:.5rem}.col-fixed{flex:0 0 auto;padding:.5rem}.col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.col-3{flex:0 0 auto;padding:.5rem;width:25%}.col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.col-6{flex:0 0 auto;padding:.5rem;width:50%}.col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.col-9{flex:0 0 auto;padding:.5rem;width:75%}.col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.col-12{flex:0 0 auto;padding:.5rem;width:100%}@media screen and (min-width: 576px){.sm\:col{flex-grow:1;flex-basis:0;padding:.5rem}.sm\:col-fixed{flex:0 0 auto;padding:.5rem}.sm\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.sm\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.sm\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.sm\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.sm\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.sm\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.sm\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.sm\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.sm\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.sm\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.sm\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.sm\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 768px){.md\:col{flex-grow:1;flex-basis:0;padding:.5rem}.md\:col-fixed{flex:0 0 auto;padding:.5rem}.md\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.md\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.md\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.md\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.md\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.md\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.md\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.md\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.md\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.md\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.md\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.md\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 992px){.lg\:col{flex-grow:1;flex-basis:0;padding:.5rem}.lg\:col-fixed{flex:0 0 auto;padding:.5rem}.lg\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.lg\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.lg\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.lg\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.lg\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.lg\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.lg\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.lg\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.lg\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.lg\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.lg\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.lg\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}@media screen and (min-width: 1200px){.xl\:col{flex-grow:1;flex-basis:0;padding:.5rem}.xl\:col-fixed{flex:0 0 auto;padding:.5rem}.xl\:col-1{flex:0 0 auto;padding:.5rem;width:8.3333%}.xl\:col-2{flex:0 0 auto;padding:.5rem;width:16.6667%}.xl\:col-3{flex:0 0 auto;padding:.5rem;width:25%}.xl\:col-4{flex:0 0 auto;padding:.5rem;width:33.3333%}.xl\:col-5{flex:0 0 auto;padding:.5rem;width:41.6667%}.xl\:col-6{flex:0 0 auto;padding:.5rem;width:50%}.xl\:col-7{flex:0 0 auto;padding:.5rem;width:58.3333%}.xl\:col-8{flex:0 0 auto;padding:.5rem;width:66.6667%}.xl\:col-9{flex:0 0 auto;padding:.5rem;width:75%}.xl\:col-10{flex:0 0 auto;padding:.5rem;width:83.3333%}.xl\:col-11{flex:0 0 auto;padding:.5rem;width:91.6667%}.xl\:col-12{flex:0 0 auto;padding:.5rem;width:100%}}.col-offset-0{margin-left:0 !important}.col-offset-1{margin-left:8.3333% !important}.col-offset-2{margin-left:16.6667% !important}.col-offset-3{margin-left:25% !important}.col-offset-4{margin-left:33.3333% !important}.col-offset-5{margin-left:41.6667% !important}.col-offset-6{margin-left:50% !important}.col-offset-7{margin-left:58.3333% !important}.col-offset-8{margin-left:66.6667% !important}.col-offset-9{margin-left:75% !important}.col-offset-10{margin-left:83.3333% !important}.col-offset-11{margin-left:91.6667% !important}.col-offset-12{margin-left:100% !important}@media screen and (min-width: 576px){.sm\:col-offset-0{margin-left:0 !important}.sm\:col-offset-1{margin-left:8.3333% !important}.sm\:col-offset-2{margin-left:16.6667% !important}.sm\:col-offset-3{margin-left:25% !important}.sm\:col-offset-4{margin-left:33.3333% !important}.sm\:col-offset-5{margin-left:41.6667% !important}.sm\:col-offset-6{margin-left:50% !important}.sm\:col-offset-7{margin-left:58.3333% !important}.sm\:col-offset-8{margin-left:66.6667% !important}.sm\:col-offset-9{margin-left:75% !important}.sm\:col-offset-10{margin-left:83.3333% !important}.sm\:col-offset-11{margin-left:91.6667% !important}.sm\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 768px){.md\:col-offset-0{margin-left:0 !important}.md\:col-offset-1{margin-left:8.3333% !important}.md\:col-offset-2{margin-left:16.6667% !important}.md\:col-offset-3{margin-left:25% !important}.md\:col-offset-4{margin-left:33.3333% !important}.md\:col-offset-5{margin-left:41.6667% !important}.md\:col-offset-6{margin-left:50% !important}.md\:col-offset-7{margin-left:58.3333% !important}.md\:col-offset-8{margin-left:66.6667% !important}.md\:col-offset-9{margin-left:75% !important}.md\:col-offset-10{margin-left:83.3333% !important}.md\:col-offset-11{margin-left:91.6667% !important}.md\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 992px){.lg\:col-offset-0{margin-left:0 !important}.lg\:col-offset-1{margin-left:8.3333% !important}.lg\:col-offset-2{margin-left:16.6667% !important}.lg\:col-offset-3{margin-left:25% !important}.lg\:col-offset-4{margin-left:33.3333% !important}.lg\:col-offset-5{margin-left:41.6667% !important}.lg\:col-offset-6{margin-left:50% !important}.lg\:col-offset-7{margin-left:58.3333% !important}.lg\:col-offset-8{margin-left:66.6667% !important}.lg\:col-offset-9{margin-left:75% !important}.lg\:col-offset-10{margin-left:83.3333% !important}.lg\:col-offset-11{margin-left:91.6667% !important}.lg\:col-offset-12{margin-left:100% !important}}@media screen and (min-width: 1200px){.xl\:col-offset-0{margin-left:0 !important}.xl\:col-offset-1{margin-left:8.3333% !important}.xl\:col-offset-2{margin-left:16.6667% !important}.xl\:col-offset-3{margin-left:25% !important}.xl\:col-offset-4{margin-left:33.3333% !important}.xl\:col-offset-5{margin-left:41.6667% !important}.xl\:col-offset-6{margin-left:50% !important}.xl\:col-offset-7{margin-left:58.3333% !important}.xl\:col-offset-8{margin-left:66.6667% !important}.xl\:col-offset-9{margin-left:75% !important}.xl\:col-offset-10{margin-left:83.3333% !important}.xl\:col-offset-11{margin-left:91.6667% !important}.xl\:col-offset-12{margin-left:100% !important}}.text-0{color:var(--surface-0) !important}.text-50{color:var(--surface-50) !important}.text-100{color:var(--surface-100) !important}.text-200{color:var(--surface-200) !important}.text-300{color:var(--surface-300) !important}.text-400{color:var(--surface-400) !important}.text-500{color:var(--surface-500) !important}.text-600{color:var(--surface-600) !important}.text-700{color:var(--surface-700) !important}.text-800{color:var(--surface-800) !important}.text-900{color:var(--surface-900) !important}.focus\:text-0:focus{color:var(--surface-0) !important}.hover\:text-0:hover{color:var(--surface-0) !important}.active\:text-0:active{color:var(--surface-0) !important}.focus\:text-50:focus{color:var(--surface-50) !important}.hover\:text-50:hover{color:var(--surface-50) !important}.active\:text-50:active{color:var(--surface-50) !important}.focus\:text-100:focus{color:var(--surface-100) !important}.hover\:text-100:hover{color:var(--surface-100) !important}.active\:text-100:active{color:var(--surface-100) !important}.focus\:text-200:focus{color:var(--surface-200) !important}.hover\:text-200:hover{color:var(--surface-200) !important}.active\:text-200:active{color:var(--surface-200) !important}.focus\:text-300:focus{color:var(--surface-300) !important}.hover\:text-300:hover{color:var(--surface-300) !important}.active\:text-300:active{color:var(--surface-300) !important}.focus\:text-400:focus{color:var(--surface-400) !important}.hover\:text-400:hover{color:var(--surface-400) !important}.active\:text-400:active{color:var(--surface-400) !important}.focus\:text-500:focus{color:var(--surface-500) !important}.hover\:text-500:hover{color:var(--surface-500) !important}.active\:text-500:active{color:var(--surface-500) !important}.focus\:text-600:focus{color:var(--surface-600) !important}.hover\:text-600:hover{color:var(--surface-600) !important}.active\:text-600:active{color:var(--surface-600) !important}.focus\:text-700:focus{color:var(--surface-700) !important}.hover\:text-700:hover{color:var(--surface-700) !important}.active\:text-700:active{color:var(--surface-700) !important}.focus\:text-800:focus{color:var(--surface-800) !important}.hover\:text-800:hover{color:var(--surface-800) !important}.active\:text-800:active{color:var(--surface-800) !important}.focus\:text-900:focus{color:var(--surface-900) !important}.hover\:text-900:hover{color:var(--surface-900) !important}.active\:text-900:active{color:var(--surface-900) !important}.surface-0{background-color:var(--surface-0) !important}.surface-50{background-color:var(--surface-50) !important}.surface-100{background-color:var(--surface-100) !important}.surface-200{background-color:var(--surface-200) !important}.surface-300{background-color:var(--surface-300) !important}.surface-400{background-color:var(--surface-400) !important}.surface-500{background-color:var(--surface-500) !important}.surface-600{background-color:var(--surface-600) !important}.surface-700{background-color:var(--surface-700) !important}.surface-800{background-color:var(--surface-800) !important}.surface-900{background-color:var(--surface-900) !important}.focus\:surface-0:focus{background-color:var(--surface-0) !important}.hover\:surface-0:hover{background-color:var(--surface-0) !important}.active\:surface-0:active{background-color:var(--surface-0) !important}.focus\:surface-50:focus{background-color:var(--surface-50) !important}.hover\:surface-50:hover{background-color:var(--surface-50) !important}.active\:surface-50:active{background-color:var(--surface-50) !important}.focus\:surface-100:focus{background-color:var(--surface-100) !important}.hover\:surface-100:hover{background-color:var(--surface-100) !important}.active\:surface-100:active{background-color:var(--surface-100) !important}.focus\:surface-200:focus{background-color:var(--surface-200) !important}.hover\:surface-200:hover{background-color:var(--surface-200) !important}.active\:surface-200:active{background-color:var(--surface-200) !important}.focus\:surface-300:focus{background-color:var(--surface-300) !important}.hover\:surface-300:hover{background-color:var(--surface-300) !important}.active\:surface-300:active{background-color:var(--surface-300) !important}.focus\:surface-400:focus{background-color:var(--surface-400) !important}.hover\:surface-400:hover{background-color:var(--surface-400) !important}.active\:surface-400:active{background-color:var(--surface-400) !important}.focus\:surface-500:focus{background-color:var(--surface-500) !important}.hover\:surface-500:hover{background-color:var(--surface-500) !important}.active\:surface-500:active{background-color:var(--surface-500) !important}.focus\:surface-600:focus{background-color:var(--surface-600) !important}.hover\:surface-600:hover{background-color:var(--surface-600) !important}.active\:surface-600:active{background-color:var(--surface-600) !important}.focus\:surface-700:focus{background-color:var(--surface-700) !important}.hover\:surface-700:hover{background-color:var(--surface-700) !important}.active\:surface-700:active{background-color:var(--surface-700) !important}.focus\:surface-800:focus{background-color:var(--surface-800) !important}.hover\:surface-800:hover{background-color:var(--surface-800) !important}.active\:surface-800:active{background-color:var(--surface-800) !important}.focus\:surface-900:focus{background-color:var(--surface-900) !important}.hover\:surface-900:hover{background-color:var(--surface-900) !important}.active\:surface-900:active{background-color:var(--surface-900) !important}.border-0{border-color:var(--surface-0) !important}.border-50{border-color:var(--surface-50) !important}.border-100{border-color:var(--surface-100) !important}.border-200{border-color:var(--surface-200) !important}.border-300{border-color:var(--surface-300) !important}.border-400{border-color:var(--surface-400) !important}.border-500{border-color:var(--surface-500) !important}.border-600{border-color:var(--surface-600) !important}.border-700{border-color:var(--surface-700) !important}.border-800{border-color:var(--surface-800) !important}.border-900{border-color:var(--surface-900) !important}.focus\:border-0:focus{border-color:var(--surface-0) !important}.hover\:border-0:hover{border-color:var(--surface-0) !important}.active\:border-0:active{border-color:var(--surface-0) !important}.focus\:border-50:focus{border-color:var(--surface-50) !important}.hover\:border-50:hover{border-color:var(--surface-50) !important}.active\:border-50:active{border-color:var(--surface-50) !important}.focus\:border-100:focus{border-color:var(--surface-100) !important}.hover\:border-100:hover{border-color:var(--surface-100) !important}.active\:border-100:active{border-color:var(--surface-100) !important}.focus\:border-200:focus{border-color:var(--surface-200) !important}.hover\:border-200:hover{border-color:var(--surface-200) !important}.active\:border-200:active{border-color:var(--surface-200) !important}.focus\:border-300:focus{border-color:var(--surface-300) !important}.hover\:border-300:hover{border-color:var(--surface-300) !important}.active\:border-300:active{border-color:var(--surface-300) !important}.focus\:border-400:focus{border-color:var(--surface-400) !important}.hover\:border-400:hover{border-color:var(--surface-400) !important}.active\:border-400:active{border-color:var(--surface-400) !important}.focus\:border-500:focus{border-color:var(--surface-500) !important}.hover\:border-500:hover{border-color:var(--surface-500) !important}.active\:border-500:active{border-color:var(--surface-500) !important}.focus\:border-600:focus{border-color:var(--surface-600) !important}.hover\:border-600:hover{border-color:var(--surface-600) !important}.active\:border-600:active{border-color:var(--surface-600) !important}.focus\:border-700:focus{border-color:var(--surface-700) !important}.hover\:border-700:hover{border-color:var(--surface-700) !important}.active\:border-700:active{border-color:var(--surface-700) !important}.focus\:border-800:focus{border-color:var(--surface-800) !important}.hover\:border-800:hover{border-color:var(--surface-800) !important}.active\:border-800:active{border-color:var(--surface-800) !important}.focus\:border-900:focus{border-color:var(--surface-900) !important}.hover\:border-900:hover{border-color:var(--surface-900) !important}.active\:border-900:active{border-color:var(--surface-900) !important}.bg-transparent{background-color:transparent !important}@media screen and (min-width: 576px){.sm\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 768px){.md\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 992px){.lg\:bg-transparent{background-color:transparent !important}}@media screen and (min-width: 1200px){.xl\:bg-transparent{background-color:transparent !important}}.border-transparent{border-color:transparent !important}@media screen and (min-width: 576px){.sm\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 768px){.md\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 992px){.lg\:border-transparent{border-color:transparent !important}}@media screen and (min-width: 1200px){.xl\:border-transparent{border-color:transparent !important}}.text-blue-50{color:var(--blue-50) !important}.text-blue-100{color:var(--blue-100) !important}.text-blue-200{color:var(--blue-200) !important}.text-blue-300{color:var(--blue-300) !important}.text-blue-400{color:var(--blue-400) !important}.text-blue-500{color:var(--blue-500) !important}.text-blue-600{color:var(--blue-600) !important}.text-blue-700{color:var(--blue-700) !important}.text-blue-800{color:var(--blue-800) !important}.text-blue-900{color:var(--blue-900) !important}.focus\:text-blue-50:focus{color:var(--blue-50) !important}.focus\:text-blue-100:focus{color:var(--blue-100) !important}.focus\:text-blue-200:focus{color:var(--blue-200) !important}.focus\:text-blue-300:focus{color:var(--blue-300) !important}.focus\:text-blue-400:focus{color:var(--blue-400) !important}.focus\:text-blue-500:focus{color:var(--blue-500) !important}.focus\:text-blue-600:focus{color:var(--blue-600) !important}.focus\:text-blue-700:focus{color:var(--blue-700) !important}.focus\:text-blue-800:focus{color:var(--blue-800) !important}.focus\:text-blue-900:focus{color:var(--blue-900) !important}.hover\:text-blue-50:hover{color:var(--blue-50) !important}.hover\:text-blue-100:hover{color:var(--blue-100) !important}.hover\:text-blue-200:hover{color:var(--blue-200) !important}.hover\:text-blue-300:hover{color:var(--blue-300) !important}.hover\:text-blue-400:hover{color:var(--blue-400) !important}.hover\:text-blue-500:hover{color:var(--blue-500) !important}.hover\:text-blue-600:hover{color:var(--blue-600) !important}.hover\:text-blue-700:hover{color:var(--blue-700) !important}.hover\:text-blue-800:hover{color:var(--blue-800) !important}.hover\:text-blue-900:hover{color:var(--blue-900) !important}.active\:text-blue-50:active{color:var(--blue-50) !important}.active\:text-blue-100:active{color:var(--blue-100) !important}.active\:text-blue-200:active{color:var(--blue-200) !important}.active\:text-blue-300:active{color:var(--blue-300) !important}.active\:text-blue-400:active{color:var(--blue-400) !important}.active\:text-blue-500:active{color:var(--blue-500) !important}.active\:text-blue-600:active{color:var(--blue-600) !important}.active\:text-blue-700:active{color:var(--blue-700) !important}.active\:text-blue-800:active{color:var(--blue-800) !important}.active\:text-blue-900:active{color:var(--blue-900) !important}.text-green-50{color:var(--green-50) !important}.text-green-100{color:var(--green-100) !important}.text-green-200{color:var(--green-200) !important}.text-green-300{color:var(--green-300) !important}.text-green-400{color:var(--green-400) !important}.text-green-500{color:var(--green-500) !important}.text-green-600{color:var(--green-600) !important}.text-green-700{color:var(--green-700) !important}.text-green-800{color:var(--green-800) !important}.text-green-900{color:var(--green-900) !important}.focus\:text-green-50:focus{color:var(--green-50) !important}.focus\:text-green-100:focus{color:var(--green-100) !important}.focus\:text-green-200:focus{color:var(--green-200) !important}.focus\:text-green-300:focus{color:var(--green-300) !important}.focus\:text-green-400:focus{color:var(--green-400) !important}.focus\:text-green-500:focus{color:var(--green-500) !important}.focus\:text-green-600:focus{color:var(--green-600) !important}.focus\:text-green-700:focus{color:var(--green-700) !important}.focus\:text-green-800:focus{color:var(--green-800) !important}.focus\:text-green-900:focus{color:var(--green-900) !important}.hover\:text-green-50:hover{color:var(--green-50) !important}.hover\:text-green-100:hover{color:var(--green-100) !important}.hover\:text-green-200:hover{color:var(--green-200) !important}.hover\:text-green-300:hover{color:var(--green-300) !important}.hover\:text-green-400:hover{color:var(--green-400) !important}.hover\:text-green-500:hover{color:var(--green-500) !important}.hover\:text-green-600:hover{color:var(--green-600) !important}.hover\:text-green-700:hover{color:var(--green-700) !important}.hover\:text-green-800:hover{color:var(--green-800) !important}.hover\:text-green-900:hover{color:var(--green-900) !important}.active\:text-green-50:active{color:var(--green-50) !important}.active\:text-green-100:active{color:var(--green-100) !important}.active\:text-green-200:active{color:var(--green-200) !important}.active\:text-green-300:active{color:var(--green-300) !important}.active\:text-green-400:active{color:var(--green-400) !important}.active\:text-green-500:active{color:var(--green-500) !important}.active\:text-green-600:active{color:var(--green-600) !important}.active\:text-green-700:active{color:var(--green-700) !important}.active\:text-green-800:active{color:var(--green-800) !important}.active\:text-green-900:active{color:var(--green-900) !important}.text-yellow-50{color:var(--yellow-50) !important}.text-yellow-100{color:var(--yellow-100) !important}.text-yellow-200{color:var(--yellow-200) !important}.text-yellow-300{color:var(--yellow-300) !important}.text-yellow-400{color:var(--yellow-400) !important}.text-yellow-500{color:var(--yellow-500) !important}.text-yellow-600{color:var(--yellow-600) !important}.text-yellow-700{color:var(--yellow-700) !important}.text-yellow-800{color:var(--yellow-800) !important}.text-yellow-900{color:var(--yellow-900) !important}.focus\:text-yellow-50:focus{color:var(--yellow-50) !important}.focus\:text-yellow-100:focus{color:var(--yellow-100) !important}.focus\:text-yellow-200:focus{color:var(--yellow-200) !important}.focus\:text-yellow-300:focus{color:var(--yellow-300) !important}.focus\:text-yellow-400:focus{color:var(--yellow-400) !important}.focus\:text-yellow-500:focus{color:var(--yellow-500) !important}.focus\:text-yellow-600:focus{color:var(--yellow-600) !important}.focus\:text-yellow-700:focus{color:var(--yellow-700) !important}.focus\:text-yellow-800:focus{color:var(--yellow-800) !important}.focus\:text-yellow-900:focus{color:var(--yellow-900) !important}.hover\:text-yellow-50:hover{color:var(--yellow-50) !important}.hover\:text-yellow-100:hover{color:var(--yellow-100) !important}.hover\:text-yellow-200:hover{color:var(--yellow-200) !important}.hover\:text-yellow-300:hover{color:var(--yellow-300) !important}.hover\:text-yellow-400:hover{color:var(--yellow-400) !important}.hover\:text-yellow-500:hover{color:var(--yellow-500) !important}.hover\:text-yellow-600:hover{color:var(--yellow-600) !important}.hover\:text-yellow-700:hover{color:var(--yellow-700) !important}.hover\:text-yellow-800:hover{color:var(--yellow-800) !important}.hover\:text-yellow-900:hover{color:var(--yellow-900) !important}.active\:text-yellow-50:active{color:var(--yellow-50) !important}.active\:text-yellow-100:active{color:var(--yellow-100) !important}.active\:text-yellow-200:active{color:var(--yellow-200) !important}.active\:text-yellow-300:active{color:var(--yellow-300) !important}.active\:text-yellow-400:active{color:var(--yellow-400) !important}.active\:text-yellow-500:active{color:var(--yellow-500) !important}.active\:text-yellow-600:active{color:var(--yellow-600) !important}.active\:text-yellow-700:active{color:var(--yellow-700) !important}.active\:text-yellow-800:active{color:var(--yellow-800) !important}.active\:text-yellow-900:active{color:var(--yellow-900) !important}.text-cyan-50{color:var(--cyan-50) !important}.text-cyan-100{color:var(--cyan-100) !important}.text-cyan-200{color:var(--cyan-200) !important}.text-cyan-300{color:var(--cyan-300) !important}.text-cyan-400{color:var(--cyan-400) !important}.text-cyan-500{color:var(--cyan-500) !important}.text-cyan-600{color:var(--cyan-600) !important}.text-cyan-700{color:var(--cyan-700) !important}.text-cyan-800{color:var(--cyan-800) !important}.text-cyan-900{color:var(--cyan-900) !important}.focus\:text-cyan-50:focus{color:var(--cyan-50) !important}.focus\:text-cyan-100:focus{color:var(--cyan-100) !important}.focus\:text-cyan-200:focus{color:var(--cyan-200) !important}.focus\:text-cyan-300:focus{color:var(--cyan-300) !important}.focus\:text-cyan-400:focus{color:var(--cyan-400) !important}.focus\:text-cyan-500:focus{color:var(--cyan-500) !important}.focus\:text-cyan-600:focus{color:var(--cyan-600) !important}.focus\:text-cyan-700:focus{color:var(--cyan-700) !important}.focus\:text-cyan-800:focus{color:var(--cyan-800) !important}.focus\:text-cyan-900:focus{color:var(--cyan-900) !important}.hover\:text-cyan-50:hover{color:var(--cyan-50) !important}.hover\:text-cyan-100:hover{color:var(--cyan-100) !important}.hover\:text-cyan-200:hover{color:var(--cyan-200) !important}.hover\:text-cyan-300:hover{color:var(--cyan-300) !important}.hover\:text-cyan-400:hover{color:var(--cyan-400) !important}.hover\:text-cyan-500:hover{color:var(--cyan-500) !important}.hover\:text-cyan-600:hover{color:var(--cyan-600) !important}.hover\:text-cyan-700:hover{color:var(--cyan-700) !important}.hover\:text-cyan-800:hover{color:var(--cyan-800) !important}.hover\:text-cyan-900:hover{color:var(--cyan-900) !important}.active\:text-cyan-50:active{color:var(--cyan-50) !important}.active\:text-cyan-100:active{color:var(--cyan-100) !important}.active\:text-cyan-200:active{color:var(--cyan-200) !important}.active\:text-cyan-300:active{color:var(--cyan-300) !important}.active\:text-cyan-400:active{color:var(--cyan-400) !important}.active\:text-cyan-500:active{color:var(--cyan-500) !important}.active\:text-cyan-600:active{color:var(--cyan-600) !important}.active\:text-cyan-700:active{color:var(--cyan-700) !important}.active\:text-cyan-800:active{color:var(--cyan-800) !important}.active\:text-cyan-900:active{color:var(--cyan-900) !important}.text-pink-50{color:var(--pink-50) !important}.text-pink-100{color:var(--pink-100) !important}.text-pink-200{color:var(--pink-200) !important}.text-pink-300{color:var(--pink-300) !important}.text-pink-400{color:var(--pink-400) !important}.text-pink-500{color:var(--pink-500) !important}.text-pink-600{color:var(--pink-600) !important}.text-pink-700{color:var(--pink-700) !important}.text-pink-800{color:var(--pink-800) !important}.text-pink-900{color:var(--pink-900) !important}.focus\:text-pink-50:focus{color:var(--pink-50) !important}.focus\:text-pink-100:focus{color:var(--pink-100) !important}.focus\:text-pink-200:focus{color:var(--pink-200) !important}.focus\:text-pink-300:focus{color:var(--pink-300) !important}.focus\:text-pink-400:focus{color:var(--pink-400) !important}.focus\:text-pink-500:focus{color:var(--pink-500) !important}.focus\:text-pink-600:focus{color:var(--pink-600) !important}.focus\:text-pink-700:focus{color:var(--pink-700) !important}.focus\:text-pink-800:focus{color:var(--pink-800) !important}.focus\:text-pink-900:focus{color:var(--pink-900) !important}.hover\:text-pink-50:hover{color:var(--pink-50) !important}.hover\:text-pink-100:hover{color:var(--pink-100) !important}.hover\:text-pink-200:hover{color:var(--pink-200) !important}.hover\:text-pink-300:hover{color:var(--pink-300) !important}.hover\:text-pink-400:hover{color:var(--pink-400) !important}.hover\:text-pink-500:hover{color:var(--pink-500) !important}.hover\:text-pink-600:hover{color:var(--pink-600) !important}.hover\:text-pink-700:hover{color:var(--pink-700) !important}.hover\:text-pink-800:hover{color:var(--pink-800) !important}.hover\:text-pink-900:hover{color:var(--pink-900) !important}.active\:text-pink-50:active{color:var(--pink-50) !important}.active\:text-pink-100:active{color:var(--pink-100) !important}.active\:text-pink-200:active{color:var(--pink-200) !important}.active\:text-pink-300:active{color:var(--pink-300) !important}.active\:text-pink-400:active{color:var(--pink-400) !important}.active\:text-pink-500:active{color:var(--pink-500) !important}.active\:text-pink-600:active{color:var(--pink-600) !important}.active\:text-pink-700:active{color:var(--pink-700) !important}.active\:text-pink-800:active{color:var(--pink-800) !important}.active\:text-pink-900:active{color:var(--pink-900) !important}.text-indigo-50{color:var(--indigo-50) !important}.text-indigo-100{color:var(--indigo-100) !important}.text-indigo-200{color:var(--indigo-200) !important}.text-indigo-300{color:var(--indigo-300) !important}.text-indigo-400{color:var(--indigo-400) !important}.text-indigo-500{color:var(--indigo-500) !important}.text-indigo-600{color:var(--indigo-600) !important}.text-indigo-700{color:var(--indigo-700) !important}.text-indigo-800{color:var(--indigo-800) !important}.text-indigo-900{color:var(--indigo-900) !important}.focus\:text-indigo-50:focus{color:var(--indigo-50) !important}.focus\:text-indigo-100:focus{color:var(--indigo-100) !important}.focus\:text-indigo-200:focus{color:var(--indigo-200) !important}.focus\:text-indigo-300:focus{color:var(--indigo-300) !important}.focus\:text-indigo-400:focus{color:var(--indigo-400) !important}.focus\:text-indigo-500:focus{color:var(--indigo-500) !important}.focus\:text-indigo-600:focus{color:var(--indigo-600) !important}.focus\:text-indigo-700:focus{color:var(--indigo-700) !important}.focus\:text-indigo-800:focus{color:var(--indigo-800) !important}.focus\:text-indigo-900:focus{color:var(--indigo-900) !important}.hover\:text-indigo-50:hover{color:var(--indigo-50) !important}.hover\:text-indigo-100:hover{color:var(--indigo-100) !important}.hover\:text-indigo-200:hover{color:var(--indigo-200) !important}.hover\:text-indigo-300:hover{color:var(--indigo-300) !important}.hover\:text-indigo-400:hover{color:var(--indigo-400) !important}.hover\:text-indigo-500:hover{color:var(--indigo-500) !important}.hover\:text-indigo-600:hover{color:var(--indigo-600) !important}.hover\:text-indigo-700:hover{color:var(--indigo-700) !important}.hover\:text-indigo-800:hover{color:var(--indigo-800) !important}.hover\:text-indigo-900:hover{color:var(--indigo-900) !important}.active\:text-indigo-50:active{color:var(--indigo-50) !important}.active\:text-indigo-100:active{color:var(--indigo-100) !important}.active\:text-indigo-200:active{color:var(--indigo-200) !important}.active\:text-indigo-300:active{color:var(--indigo-300) !important}.active\:text-indigo-400:active{color:var(--indigo-400) !important}.active\:text-indigo-500:active{color:var(--indigo-500) !important}.active\:text-indigo-600:active{color:var(--indigo-600) !important}.active\:text-indigo-700:active{color:var(--indigo-700) !important}.active\:text-indigo-800:active{color:var(--indigo-800) !important}.active\:text-indigo-900:active{color:var(--indigo-900) !important}.text-teal-50{color:var(--teal-50) !important}.text-teal-100{color:var(--teal-100) !important}.text-teal-200{color:var(--teal-200) !important}.text-teal-300{color:var(--teal-300) !important}.text-teal-400{color:var(--teal-400) !important}.text-teal-500{color:var(--teal-500) !important}.text-teal-600{color:var(--teal-600) !important}.text-teal-700{color:var(--teal-700) !important}.text-teal-800{color:var(--teal-800) !important}.text-teal-900{color:var(--teal-900) !important}.focus\:text-teal-50:focus{color:var(--teal-50) !important}.focus\:text-teal-100:focus{color:var(--teal-100) !important}.focus\:text-teal-200:focus{color:var(--teal-200) !important}.focus\:text-teal-300:focus{color:var(--teal-300) !important}.focus\:text-teal-400:focus{color:var(--teal-400) !important}.focus\:text-teal-500:focus{color:var(--teal-500) !important}.focus\:text-teal-600:focus{color:var(--teal-600) !important}.focus\:text-teal-700:focus{color:var(--teal-700) !important}.focus\:text-teal-800:focus{color:var(--teal-800) !important}.focus\:text-teal-900:focus{color:var(--teal-900) !important}.hover\:text-teal-50:hover{color:var(--teal-50) !important}.hover\:text-teal-100:hover{color:var(--teal-100) !important}.hover\:text-teal-200:hover{color:var(--teal-200) !important}.hover\:text-teal-300:hover{color:var(--teal-300) !important}.hover\:text-teal-400:hover{color:var(--teal-400) !important}.hover\:text-teal-500:hover{color:var(--teal-500) !important}.hover\:text-teal-600:hover{color:var(--teal-600) !important}.hover\:text-teal-700:hover{color:var(--teal-700) !important}.hover\:text-teal-800:hover{color:var(--teal-800) !important}.hover\:text-teal-900:hover{color:var(--teal-900) !important}.active\:text-teal-50:active{color:var(--teal-50) !important}.active\:text-teal-100:active{color:var(--teal-100) !important}.active\:text-teal-200:active{color:var(--teal-200) !important}.active\:text-teal-300:active{color:var(--teal-300) !important}.active\:text-teal-400:active{color:var(--teal-400) !important}.active\:text-teal-500:active{color:var(--teal-500) !important}.active\:text-teal-600:active{color:var(--teal-600) !important}.active\:text-teal-700:active{color:var(--teal-700) !important}.active\:text-teal-800:active{color:var(--teal-800) !important}.active\:text-teal-900:active{color:var(--teal-900) !important}.text-orange-50{color:var(--orange-50) !important}.text-orange-100{color:var(--orange-100) !important}.text-orange-200{color:var(--orange-200) !important}.text-orange-300{color:var(--orange-300) !important}.text-orange-400{color:var(--orange-400) !important}.text-orange-500{color:var(--orange-500) !important}.text-orange-600{color:var(--orange-600) !important}.text-orange-700{color:var(--orange-700) !important}.text-orange-800{color:var(--orange-800) !important}.text-orange-900{color:var(--orange-900) !important}.focus\:text-orange-50:focus{color:var(--orange-50) !important}.focus\:text-orange-100:focus{color:var(--orange-100) !important}.focus\:text-orange-200:focus{color:var(--orange-200) !important}.focus\:text-orange-300:focus{color:var(--orange-300) !important}.focus\:text-orange-400:focus{color:var(--orange-400) !important}.focus\:text-orange-500:focus{color:var(--orange-500) !important}.focus\:text-orange-600:focus{color:var(--orange-600) !important}.focus\:text-orange-700:focus{color:var(--orange-700) !important}.focus\:text-orange-800:focus{color:var(--orange-800) !important}.focus\:text-orange-900:focus{color:var(--orange-900) !important}.hover\:text-orange-50:hover{color:var(--orange-50) !important}.hover\:text-orange-100:hover{color:var(--orange-100) !important}.hover\:text-orange-200:hover{color:var(--orange-200) !important}.hover\:text-orange-300:hover{color:var(--orange-300) !important}.hover\:text-orange-400:hover{color:var(--orange-400) !important}.hover\:text-orange-500:hover{color:var(--orange-500) !important}.hover\:text-orange-600:hover{color:var(--orange-600) !important}.hover\:text-orange-700:hover{color:var(--orange-700) !important}.hover\:text-orange-800:hover{color:var(--orange-800) !important}.hover\:text-orange-900:hover{color:var(--orange-900) !important}.active\:text-orange-50:active{color:var(--orange-50) !important}.active\:text-orange-100:active{color:var(--orange-100) !important}.active\:text-orange-200:active{color:var(--orange-200) !important}.active\:text-orange-300:active{color:var(--orange-300) !important}.active\:text-orange-400:active{color:var(--orange-400) !important}.active\:text-orange-500:active{color:var(--orange-500) !important}.active\:text-orange-600:active{color:var(--orange-600) !important}.active\:text-orange-700:active{color:var(--orange-700) !important}.active\:text-orange-800:active{color:var(--orange-800) !important}.active\:text-orange-900:active{color:var(--orange-900) !important}.text-bluegray-50{color:var(--bluegray-50) !important}.text-bluegray-100{color:var(--bluegray-100) !important}.text-bluegray-200{color:var(--bluegray-200) !important}.text-bluegray-300{color:var(--bluegray-300) !important}.text-bluegray-400{color:var(--bluegray-400) !important}.text-bluegray-500{color:var(--bluegray-500) !important}.text-bluegray-600{color:var(--bluegray-600) !important}.text-bluegray-700{color:var(--bluegray-700) !important}.text-bluegray-800{color:var(--bluegray-800) !important}.text-bluegray-900{color:var(--bluegray-900) !important}.focus\:text-bluegray-50:focus{color:var(--bluegray-50) !important}.focus\:text-bluegray-100:focus{color:var(--bluegray-100) !important}.focus\:text-bluegray-200:focus{color:var(--bluegray-200) !important}.focus\:text-bluegray-300:focus{color:var(--bluegray-300) !important}.focus\:text-bluegray-400:focus{color:var(--bluegray-400) !important}.focus\:text-bluegray-500:focus{color:var(--bluegray-500) !important}.focus\:text-bluegray-600:focus{color:var(--bluegray-600) !important}.focus\:text-bluegray-700:focus{color:var(--bluegray-700) !important}.focus\:text-bluegray-800:focus{color:var(--bluegray-800) !important}.focus\:text-bluegray-900:focus{color:var(--bluegray-900) !important}.hover\:text-bluegray-50:hover{color:var(--bluegray-50) !important}.hover\:text-bluegray-100:hover{color:var(--bluegray-100) !important}.hover\:text-bluegray-200:hover{color:var(--bluegray-200) !important}.hover\:text-bluegray-300:hover{color:var(--bluegray-300) !important}.hover\:text-bluegray-400:hover{color:var(--bluegray-400) !important}.hover\:text-bluegray-500:hover{color:var(--bluegray-500) !important}.hover\:text-bluegray-600:hover{color:var(--bluegray-600) !important}.hover\:text-bluegray-700:hover{color:var(--bluegray-700) !important}.hover\:text-bluegray-800:hover{color:var(--bluegray-800) !important}.hover\:text-bluegray-900:hover{color:var(--bluegray-900) !important}.active\:text-bluegray-50:active{color:var(--bluegray-50) !important}.active\:text-bluegray-100:active{color:var(--bluegray-100) !important}.active\:text-bluegray-200:active{color:var(--bluegray-200) !important}.active\:text-bluegray-300:active{color:var(--bluegray-300) !important}.active\:text-bluegray-400:active{color:var(--bluegray-400) !important}.active\:text-bluegray-500:active{color:var(--bluegray-500) !important}.active\:text-bluegray-600:active{color:var(--bluegray-600) !important}.active\:text-bluegray-700:active{color:var(--bluegray-700) !important}.active\:text-bluegray-800:active{color:var(--bluegray-800) !important}.active\:text-bluegray-900:active{color:var(--bluegray-900) !important}.text-purple-50{color:var(--purple-50) !important}.text-purple-100{color:var(--purple-100) !important}.text-purple-200{color:var(--purple-200) !important}.text-purple-300{color:var(--purple-300) !important}.text-purple-400{color:var(--purple-400) !important}.text-purple-500{color:var(--purple-500) !important}.text-purple-600{color:var(--purple-600) !important}.text-purple-700{color:var(--purple-700) !important}.text-purple-800{color:var(--purple-800) !important}.text-purple-900{color:var(--purple-900) !important}.focus\:text-purple-50:focus{color:var(--purple-50) !important}.focus\:text-purple-100:focus{color:var(--purple-100) !important}.focus\:text-purple-200:focus{color:var(--purple-200) !important}.focus\:text-purple-300:focus{color:var(--purple-300) !important}.focus\:text-purple-400:focus{color:var(--purple-400) !important}.focus\:text-purple-500:focus{color:var(--purple-500) !important}.focus\:text-purple-600:focus{color:var(--purple-600) !important}.focus\:text-purple-700:focus{color:var(--purple-700) !important}.focus\:text-purple-800:focus{color:var(--purple-800) !important}.focus\:text-purple-900:focus{color:var(--purple-900) !important}.hover\:text-purple-50:hover{color:var(--purple-50) !important}.hover\:text-purple-100:hover{color:var(--purple-100) !important}.hover\:text-purple-200:hover{color:var(--purple-200) !important}.hover\:text-purple-300:hover{color:var(--purple-300) !important}.hover\:text-purple-400:hover{color:var(--purple-400) !important}.hover\:text-purple-500:hover{color:var(--purple-500) !important}.hover\:text-purple-600:hover{color:var(--purple-600) !important}.hover\:text-purple-700:hover{color:var(--purple-700) !important}.hover\:text-purple-800:hover{color:var(--purple-800) !important}.hover\:text-purple-900:hover{color:var(--purple-900) !important}.active\:text-purple-50:active{color:var(--purple-50) !important}.active\:text-purple-100:active{color:var(--purple-100) !important}.active\:text-purple-200:active{color:var(--purple-200) !important}.active\:text-purple-300:active{color:var(--purple-300) !important}.active\:text-purple-400:active{color:var(--purple-400) !important}.active\:text-purple-500:active{color:var(--purple-500) !important}.active\:text-purple-600:active{color:var(--purple-600) !important}.active\:text-purple-700:active{color:var(--purple-700) !important}.active\:text-purple-800:active{color:var(--purple-800) !important}.active\:text-purple-900:active{color:var(--purple-900) !important}.text-gray-50{color:var(--gray-50) !important}.text-gray-100{color:var(--gray-100) !important}.text-gray-200{color:var(--gray-200) !important}.text-gray-300{color:var(--gray-300) !important}.text-gray-400{color:var(--gray-400) !important}.text-gray-500{color:var(--gray-500) !important}.text-gray-600{color:var(--gray-600) !important}.text-gray-700{color:var(--gray-700) !important}.text-gray-800{color:var(--gray-800) !important}.text-gray-900{color:var(--gray-900) !important}.focus\:text-gray-50:focus{color:var(--gray-50) !important}.focus\:text-gray-100:focus{color:var(--gray-100) !important}.focus\:text-gray-200:focus{color:var(--gray-200) !important}.focus\:text-gray-300:focus{color:var(--gray-300) !important}.focus\:text-gray-400:focus{color:var(--gray-400) !important}.focus\:text-gray-500:focus{color:var(--gray-500) !important}.focus\:text-gray-600:focus{color:var(--gray-600) !important}.focus\:text-gray-700:focus{color:var(--gray-700) !important}.focus\:text-gray-800:focus{color:var(--gray-800) !important}.focus\:text-gray-900:focus{color:var(--gray-900) !important}.hover\:text-gray-50:hover{color:var(--gray-50) !important}.hover\:text-gray-100:hover{color:var(--gray-100) !important}.hover\:text-gray-200:hover{color:var(--gray-200) !important}.hover\:text-gray-300:hover{color:var(--gray-300) !important}.hover\:text-gray-400:hover{color:var(--gray-400) !important}.hover\:text-gray-500:hover{color:var(--gray-500) !important}.hover\:text-gray-600:hover{color:var(--gray-600) !important}.hover\:text-gray-700:hover{color:var(--gray-700) !important}.hover\:text-gray-800:hover{color:var(--gray-800) !important}.hover\:text-gray-900:hover{color:var(--gray-900) !important}.active\:text-gray-50:active{color:var(--gray-50) !important}.active\:text-gray-100:active{color:var(--gray-100) !important}.active\:text-gray-200:active{color:var(--gray-200) !important}.active\:text-gray-300:active{color:var(--gray-300) !important}.active\:text-gray-400:active{color:var(--gray-400) !important}.active\:text-gray-500:active{color:var(--gray-500) !important}.active\:text-gray-600:active{color:var(--gray-600) !important}.active\:text-gray-700:active{color:var(--gray-700) !important}.active\:text-gray-800:active{color:var(--gray-800) !important}.active\:text-gray-900:active{color:var(--gray-900) !important}.text-red-50{color:var(--red-50) !important}.text-red-100{color:var(--red-100) !important}.text-red-200{color:var(--red-200) !important}.text-red-300{color:var(--red-300) !important}.text-red-400{color:var(--red-400) !important}.text-red-500{color:var(--red-500) !important}.text-red-600{color:var(--red-600) !important}.text-red-700{color:var(--red-700) !important}.text-red-800{color:var(--red-800) !important}.text-red-900{color:var(--red-900) !important}.focus\:text-red-50:focus{color:var(--red-50) !important}.focus\:text-red-100:focus{color:var(--red-100) !important}.focus\:text-red-200:focus{color:var(--red-200) !important}.focus\:text-red-300:focus{color:var(--red-300) !important}.focus\:text-red-400:focus{color:var(--red-400) !important}.focus\:text-red-500:focus{color:var(--red-500) !important}.focus\:text-red-600:focus{color:var(--red-600) !important}.focus\:text-red-700:focus{color:var(--red-700) !important}.focus\:text-red-800:focus{color:var(--red-800) !important}.focus\:text-red-900:focus{color:var(--red-900) !important}.hover\:text-red-50:hover{color:var(--red-50) !important}.hover\:text-red-100:hover{color:var(--red-100) !important}.hover\:text-red-200:hover{color:var(--red-200) !important}.hover\:text-red-300:hover{color:var(--red-300) !important}.hover\:text-red-400:hover{color:var(--red-400) !important}.hover\:text-red-500:hover{color:var(--red-500) !important}.hover\:text-red-600:hover{color:var(--red-600) !important}.hover\:text-red-700:hover{color:var(--red-700) !important}.hover\:text-red-800:hover{color:var(--red-800) !important}.hover\:text-red-900:hover{color:var(--red-900) !important}.active\:text-red-50:active{color:var(--red-50) !important}.active\:text-red-100:active{color:var(--red-100) !important}.active\:text-red-200:active{color:var(--red-200) !important}.active\:text-red-300:active{color:var(--red-300) !important}.active\:text-red-400:active{color:var(--red-400) !important}.active\:text-red-500:active{color:var(--red-500) !important}.active\:text-red-600:active{color:var(--red-600) !important}.active\:text-red-700:active{color:var(--red-700) !important}.active\:text-red-800:active{color:var(--red-800) !important}.active\:text-red-900:active{color:var(--red-900) !important}.text-primary-50{color:var(--primary-50) !important}.text-primary-100{color:var(--primary-100) !important}.text-primary-200{color:var(--primary-200) !important}.text-primary-300{color:var(--primary-300) !important}.text-primary-400{color:var(--primary-400) !important}.text-primary-500{color:var(--primary-500) !important}.text-primary-600{color:var(--primary-600) !important}.text-primary-700{color:var(--primary-700) !important}.text-primary-800{color:var(--primary-800) !important}.text-primary-900{color:var(--primary-900) !important}.focus\:text-primary-50:focus{color:var(--primary-50) !important}.focus\:text-primary-100:focus{color:var(--primary-100) !important}.focus\:text-primary-200:focus{color:var(--primary-200) !important}.focus\:text-primary-300:focus{color:var(--primary-300) !important}.focus\:text-primary-400:focus{color:var(--primary-400) !important}.focus\:text-primary-500:focus{color:var(--primary-500) !important}.focus\:text-primary-600:focus{color:var(--primary-600) !important}.focus\:text-primary-700:focus{color:var(--primary-700) !important}.focus\:text-primary-800:focus{color:var(--primary-800) !important}.focus\:text-primary-900:focus{color:var(--primary-900) !important}.hover\:text-primary-50:hover{color:var(--primary-50) !important}.hover\:text-primary-100:hover{color:var(--primary-100) !important}.hover\:text-primary-200:hover{color:var(--primary-200) !important}.hover\:text-primary-300:hover{color:var(--primary-300) !important}.hover\:text-primary-400:hover{color:var(--primary-400) !important}.hover\:text-primary-500:hover{color:var(--primary-500) !important}.hover\:text-primary-600:hover{color:var(--primary-600) !important}.hover\:text-primary-700:hover{color:var(--primary-700) !important}.hover\:text-primary-800:hover{color:var(--primary-800) !important}.hover\:text-primary-900:hover{color:var(--primary-900) !important}.active\:text-primary-50:active{color:var(--primary-50) !important}.active\:text-primary-100:active{color:var(--primary-100) !important}.active\:text-primary-200:active{color:var(--primary-200) !important}.active\:text-primary-300:active{color:var(--primary-300) !important}.active\:text-primary-400:active{color:var(--primary-400) !important}.active\:text-primary-500:active{color:var(--primary-500) !important}.active\:text-primary-600:active{color:var(--primary-600) !important}.active\:text-primary-700:active{color:var(--primary-700) !important}.active\:text-primary-800:active{color:var(--primary-800) !important}.active\:text-primary-900:active{color:var(--primary-900) !important}.bg-blue-50{background-color:var(--blue-50) !important}.bg-blue-100{background-color:var(--blue-100) !important}.bg-blue-200{background-color:var(--blue-200) !important}.bg-blue-300{background-color:var(--blue-300) !important}.bg-blue-400{background-color:var(--blue-400) !important}.bg-blue-500{background-color:var(--blue-500) !important}.bg-blue-600{background-color:var(--blue-600) !important}.bg-blue-700{background-color:var(--blue-700) !important}.bg-blue-800{background-color:var(--blue-800) !important}.bg-blue-900{background-color:var(--blue-900) !important}.focus\:bg-blue-50:focus{background-color:var(--blue-50) !important}.focus\:bg-blue-100:focus{background-color:var(--blue-100) !important}.focus\:bg-blue-200:focus{background-color:var(--blue-200) !important}.focus\:bg-blue-300:focus{background-color:var(--blue-300) !important}.focus\:bg-blue-400:focus{background-color:var(--blue-400) !important}.focus\:bg-blue-500:focus{background-color:var(--blue-500) !important}.focus\:bg-blue-600:focus{background-color:var(--blue-600) !important}.focus\:bg-blue-700:focus{background-color:var(--blue-700) !important}.focus\:bg-blue-800:focus{background-color:var(--blue-800) !important}.focus\:bg-blue-900:focus{background-color:var(--blue-900) !important}.hover\:bg-blue-50:hover{background-color:var(--blue-50) !important}.hover\:bg-blue-100:hover{background-color:var(--blue-100) !important}.hover\:bg-blue-200:hover{background-color:var(--blue-200) !important}.hover\:bg-blue-300:hover{background-color:var(--blue-300) !important}.hover\:bg-blue-400:hover{background-color:var(--blue-400) !important}.hover\:bg-blue-500:hover{background-color:var(--blue-500) !important}.hover\:bg-blue-600:hover{background-color:var(--blue-600) !important}.hover\:bg-blue-700:hover{background-color:var(--blue-700) !important}.hover\:bg-blue-800:hover{background-color:var(--blue-800) !important}.hover\:bg-blue-900:hover{background-color:var(--blue-900) !important}.active\:bg-blue-50:active{background-color:var(--blue-50) !important}.active\:bg-blue-100:active{background-color:var(--blue-100) !important}.active\:bg-blue-200:active{background-color:var(--blue-200) !important}.active\:bg-blue-300:active{background-color:var(--blue-300) !important}.active\:bg-blue-400:active{background-color:var(--blue-400) !important}.active\:bg-blue-500:active{background-color:var(--blue-500) !important}.active\:bg-blue-600:active{background-color:var(--blue-600) !important}.active\:bg-blue-700:active{background-color:var(--blue-700) !important}.active\:bg-blue-800:active{background-color:var(--blue-800) !important}.active\:bg-blue-900:active{background-color:var(--blue-900) !important}.bg-green-50{background-color:var(--green-50) !important}.bg-green-100{background-color:var(--green-100) !important}.bg-green-200{background-color:var(--green-200) !important}.bg-green-300{background-color:var(--green-300) !important}.bg-green-400{background-color:var(--green-400) !important}.bg-green-500{background-color:var(--green-500) !important}.bg-green-600{background-color:var(--green-600) !important}.bg-green-700{background-color:var(--green-700) !important}.bg-green-800{background-color:var(--green-800) !important}.bg-green-900{background-color:var(--green-900) !important}.focus\:bg-green-50:focus{background-color:var(--green-50) !important}.focus\:bg-green-100:focus{background-color:var(--green-100) !important}.focus\:bg-green-200:focus{background-color:var(--green-200) !important}.focus\:bg-green-300:focus{background-color:var(--green-300) !important}.focus\:bg-green-400:focus{background-color:var(--green-400) !important}.focus\:bg-green-500:focus{background-color:var(--green-500) !important}.focus\:bg-green-600:focus{background-color:var(--green-600) !important}.focus\:bg-green-700:focus{background-color:var(--green-700) !important}.focus\:bg-green-800:focus{background-color:var(--green-800) !important}.focus\:bg-green-900:focus{background-color:var(--green-900) !important}.hover\:bg-green-50:hover{background-color:var(--green-50) !important}.hover\:bg-green-100:hover{background-color:var(--green-100) !important}.hover\:bg-green-200:hover{background-color:var(--green-200) !important}.hover\:bg-green-300:hover{background-color:var(--green-300) !important}.hover\:bg-green-400:hover{background-color:var(--green-400) !important}.hover\:bg-green-500:hover{background-color:var(--green-500) !important}.hover\:bg-green-600:hover{background-color:var(--green-600) !important}.hover\:bg-green-700:hover{background-color:var(--green-700) !important}.hover\:bg-green-800:hover{background-color:var(--green-800) !important}.hover\:bg-green-900:hover{background-color:var(--green-900) !important}.active\:bg-green-50:active{background-color:var(--green-50) !important}.active\:bg-green-100:active{background-color:var(--green-100) !important}.active\:bg-green-200:active{background-color:var(--green-200) !important}.active\:bg-green-300:active{background-color:var(--green-300) !important}.active\:bg-green-400:active{background-color:var(--green-400) !important}.active\:bg-green-500:active{background-color:var(--green-500) !important}.active\:bg-green-600:active{background-color:var(--green-600) !important}.active\:bg-green-700:active{background-color:var(--green-700) !important}.active\:bg-green-800:active{background-color:var(--green-800) !important}.active\:bg-green-900:active{background-color:var(--green-900) !important}.bg-yellow-50{background-color:var(--yellow-50) !important}.bg-yellow-100{background-color:var(--yellow-100) !important}.bg-yellow-200{background-color:var(--yellow-200) !important}.bg-yellow-300{background-color:var(--yellow-300) !important}.bg-yellow-400{background-color:var(--yellow-400) !important}.bg-yellow-500{background-color:var(--yellow-500) !important}.bg-yellow-600{background-color:var(--yellow-600) !important}.bg-yellow-700{background-color:var(--yellow-700) !important}.bg-yellow-800{background-color:var(--yellow-800) !important}.bg-yellow-900{background-color:var(--yellow-900) !important}.focus\:bg-yellow-50:focus{background-color:var(--yellow-50) !important}.focus\:bg-yellow-100:focus{background-color:var(--yellow-100) !important}.focus\:bg-yellow-200:focus{background-color:var(--yellow-200) !important}.focus\:bg-yellow-300:focus{background-color:var(--yellow-300) !important}.focus\:bg-yellow-400:focus{background-color:var(--yellow-400) !important}.focus\:bg-yellow-500:focus{background-color:var(--yellow-500) !important}.focus\:bg-yellow-600:focus{background-color:var(--yellow-600) !important}.focus\:bg-yellow-700:focus{background-color:var(--yellow-700) !important}.focus\:bg-yellow-800:focus{background-color:var(--yellow-800) !important}.focus\:bg-yellow-900:focus{background-color:var(--yellow-900) !important}.hover\:bg-yellow-50:hover{background-color:var(--yellow-50) !important}.hover\:bg-yellow-100:hover{background-color:var(--yellow-100) !important}.hover\:bg-yellow-200:hover{background-color:var(--yellow-200) !important}.hover\:bg-yellow-300:hover{background-color:var(--yellow-300) !important}.hover\:bg-yellow-400:hover{background-color:var(--yellow-400) !important}.hover\:bg-yellow-500:hover{background-color:var(--yellow-500) !important}.hover\:bg-yellow-600:hover{background-color:var(--yellow-600) !important}.hover\:bg-yellow-700:hover{background-color:var(--yellow-700) !important}.hover\:bg-yellow-800:hover{background-color:var(--yellow-800) !important}.hover\:bg-yellow-900:hover{background-color:var(--yellow-900) !important}.active\:bg-yellow-50:active{background-color:var(--yellow-50) !important}.active\:bg-yellow-100:active{background-color:var(--yellow-100) !important}.active\:bg-yellow-200:active{background-color:var(--yellow-200) !important}.active\:bg-yellow-300:active{background-color:var(--yellow-300) !important}.active\:bg-yellow-400:active{background-color:var(--yellow-400) !important}.active\:bg-yellow-500:active{background-color:var(--yellow-500) !important}.active\:bg-yellow-600:active{background-color:var(--yellow-600) !important}.active\:bg-yellow-700:active{background-color:var(--yellow-700) !important}.active\:bg-yellow-800:active{background-color:var(--yellow-800) !important}.active\:bg-yellow-900:active{background-color:var(--yellow-900) !important}.bg-cyan-50{background-color:var(--cyan-50) !important}.bg-cyan-100{background-color:var(--cyan-100) !important}.bg-cyan-200{background-color:var(--cyan-200) !important}.bg-cyan-300{background-color:var(--cyan-300) !important}.bg-cyan-400{background-color:var(--cyan-400) !important}.bg-cyan-500{background-color:var(--cyan-500) !important}.bg-cyan-600{background-color:var(--cyan-600) !important}.bg-cyan-700{background-color:var(--cyan-700) !important}.bg-cyan-800{background-color:var(--cyan-800) !important}.bg-cyan-900{background-color:var(--cyan-900) !important}.focus\:bg-cyan-50:focus{background-color:var(--cyan-50) !important}.focus\:bg-cyan-100:focus{background-color:var(--cyan-100) !important}.focus\:bg-cyan-200:focus{background-color:var(--cyan-200) !important}.focus\:bg-cyan-300:focus{background-color:var(--cyan-300) !important}.focus\:bg-cyan-400:focus{background-color:var(--cyan-400) !important}.focus\:bg-cyan-500:focus{background-color:var(--cyan-500) !important}.focus\:bg-cyan-600:focus{background-color:var(--cyan-600) !important}.focus\:bg-cyan-700:focus{background-color:var(--cyan-700) !important}.focus\:bg-cyan-800:focus{background-color:var(--cyan-800) !important}.focus\:bg-cyan-900:focus{background-color:var(--cyan-900) !important}.hover\:bg-cyan-50:hover{background-color:var(--cyan-50) !important}.hover\:bg-cyan-100:hover{background-color:var(--cyan-100) !important}.hover\:bg-cyan-200:hover{background-color:var(--cyan-200) !important}.hover\:bg-cyan-300:hover{background-color:var(--cyan-300) !important}.hover\:bg-cyan-400:hover{background-color:var(--cyan-400) !important}.hover\:bg-cyan-500:hover{background-color:var(--cyan-500) !important}.hover\:bg-cyan-600:hover{background-color:var(--cyan-600) !important}.hover\:bg-cyan-700:hover{background-color:var(--cyan-700) !important}.hover\:bg-cyan-800:hover{background-color:var(--cyan-800) !important}.hover\:bg-cyan-900:hover{background-color:var(--cyan-900) !important}.active\:bg-cyan-50:active{background-color:var(--cyan-50) !important}.active\:bg-cyan-100:active{background-color:var(--cyan-100) !important}.active\:bg-cyan-200:active{background-color:var(--cyan-200) !important}.active\:bg-cyan-300:active{background-color:var(--cyan-300) !important}.active\:bg-cyan-400:active{background-color:var(--cyan-400) !important}.active\:bg-cyan-500:active{background-color:var(--cyan-500) !important}.active\:bg-cyan-600:active{background-color:var(--cyan-600) !important}.active\:bg-cyan-700:active{background-color:var(--cyan-700) !important}.active\:bg-cyan-800:active{background-color:var(--cyan-800) !important}.active\:bg-cyan-900:active{background-color:var(--cyan-900) !important}.bg-pink-50{background-color:var(--pink-50) !important}.bg-pink-100{background-color:var(--pink-100) !important}.bg-pink-200{background-color:var(--pink-200) !important}.bg-pink-300{background-color:var(--pink-300) !important}.bg-pink-400{background-color:var(--pink-400) !important}.bg-pink-500{background-color:var(--pink-500) !important}.bg-pink-600{background-color:var(--pink-600) !important}.bg-pink-700{background-color:var(--pink-700) !important}.bg-pink-800{background-color:var(--pink-800) !important}.bg-pink-900{background-color:var(--pink-900) !important}.focus\:bg-pink-50:focus{background-color:var(--pink-50) !important}.focus\:bg-pink-100:focus{background-color:var(--pink-100) !important}.focus\:bg-pink-200:focus{background-color:var(--pink-200) !important}.focus\:bg-pink-300:focus{background-color:var(--pink-300) !important}.focus\:bg-pink-400:focus{background-color:var(--pink-400) !important}.focus\:bg-pink-500:focus{background-color:var(--pink-500) !important}.focus\:bg-pink-600:focus{background-color:var(--pink-600) !important}.focus\:bg-pink-700:focus{background-color:var(--pink-700) !important}.focus\:bg-pink-800:focus{background-color:var(--pink-800) !important}.focus\:bg-pink-900:focus{background-color:var(--pink-900) !important}.hover\:bg-pink-50:hover{background-color:var(--pink-50) !important}.hover\:bg-pink-100:hover{background-color:var(--pink-100) !important}.hover\:bg-pink-200:hover{background-color:var(--pink-200) !important}.hover\:bg-pink-300:hover{background-color:var(--pink-300) !important}.hover\:bg-pink-400:hover{background-color:var(--pink-400) !important}.hover\:bg-pink-500:hover{background-color:var(--pink-500) !important}.hover\:bg-pink-600:hover{background-color:var(--pink-600) !important}.hover\:bg-pink-700:hover{background-color:var(--pink-700) !important}.hover\:bg-pink-800:hover{background-color:var(--pink-800) !important}.hover\:bg-pink-900:hover{background-color:var(--pink-900) !important}.active\:bg-pink-50:active{background-color:var(--pink-50) !important}.active\:bg-pink-100:active{background-color:var(--pink-100) !important}.active\:bg-pink-200:active{background-color:var(--pink-200) !important}.active\:bg-pink-300:active{background-color:var(--pink-300) !important}.active\:bg-pink-400:active{background-color:var(--pink-400) !important}.active\:bg-pink-500:active{background-color:var(--pink-500) !important}.active\:bg-pink-600:active{background-color:var(--pink-600) !important}.active\:bg-pink-700:active{background-color:var(--pink-700) !important}.active\:bg-pink-800:active{background-color:var(--pink-800) !important}.active\:bg-pink-900:active{background-color:var(--pink-900) !important}.bg-indigo-50{background-color:var(--indigo-50) !important}.bg-indigo-100{background-color:var(--indigo-100) !important}.bg-indigo-200{background-color:var(--indigo-200) !important}.bg-indigo-300{background-color:var(--indigo-300) !important}.bg-indigo-400{background-color:var(--indigo-400) !important}.bg-indigo-500{background-color:var(--indigo-500) !important}.bg-indigo-600{background-color:var(--indigo-600) !important}.bg-indigo-700{background-color:var(--indigo-700) !important}.bg-indigo-800{background-color:var(--indigo-800) !important}.bg-indigo-900{background-color:var(--indigo-900) !important}.focus\:bg-indigo-50:focus{background-color:var(--indigo-50) !important}.focus\:bg-indigo-100:focus{background-color:var(--indigo-100) !important}.focus\:bg-indigo-200:focus{background-color:var(--indigo-200) !important}.focus\:bg-indigo-300:focus{background-color:var(--indigo-300) !important}.focus\:bg-indigo-400:focus{background-color:var(--indigo-400) !important}.focus\:bg-indigo-500:focus{background-color:var(--indigo-500) !important}.focus\:bg-indigo-600:focus{background-color:var(--indigo-600) !important}.focus\:bg-indigo-700:focus{background-color:var(--indigo-700) !important}.focus\:bg-indigo-800:focus{background-color:var(--indigo-800) !important}.focus\:bg-indigo-900:focus{background-color:var(--indigo-900) !important}.hover\:bg-indigo-50:hover{background-color:var(--indigo-50) !important}.hover\:bg-indigo-100:hover{background-color:var(--indigo-100) !important}.hover\:bg-indigo-200:hover{background-color:var(--indigo-200) !important}.hover\:bg-indigo-300:hover{background-color:var(--indigo-300) !important}.hover\:bg-indigo-400:hover{background-color:var(--indigo-400) !important}.hover\:bg-indigo-500:hover{background-color:var(--indigo-500) !important}.hover\:bg-indigo-600:hover{background-color:var(--indigo-600) !important}.hover\:bg-indigo-700:hover{background-color:var(--indigo-700) !important}.hover\:bg-indigo-800:hover{background-color:var(--indigo-800) !important}.hover\:bg-indigo-900:hover{background-color:var(--indigo-900) !important}.active\:bg-indigo-50:active{background-color:var(--indigo-50) !important}.active\:bg-indigo-100:active{background-color:var(--indigo-100) !important}.active\:bg-indigo-200:active{background-color:var(--indigo-200) !important}.active\:bg-indigo-300:active{background-color:var(--indigo-300) !important}.active\:bg-indigo-400:active{background-color:var(--indigo-400) !important}.active\:bg-indigo-500:active{background-color:var(--indigo-500) !important}.active\:bg-indigo-600:active{background-color:var(--indigo-600) !important}.active\:bg-indigo-700:active{background-color:var(--indigo-700) !important}.active\:bg-indigo-800:active{background-color:var(--indigo-800) !important}.active\:bg-indigo-900:active{background-color:var(--indigo-900) !important}.bg-teal-50{background-color:var(--teal-50) !important}.bg-teal-100{background-color:var(--teal-100) !important}.bg-teal-200{background-color:var(--teal-200) !important}.bg-teal-300{background-color:var(--teal-300) !important}.bg-teal-400{background-color:var(--teal-400) !important}.bg-teal-500{background-color:var(--teal-500) !important}.bg-teal-600{background-color:var(--teal-600) !important}.bg-teal-700{background-color:var(--teal-700) !important}.bg-teal-800{background-color:var(--teal-800) !important}.bg-teal-900{background-color:var(--teal-900) !important}.focus\:bg-teal-50:focus{background-color:var(--teal-50) !important}.focus\:bg-teal-100:focus{background-color:var(--teal-100) !important}.focus\:bg-teal-200:focus{background-color:var(--teal-200) !important}.focus\:bg-teal-300:focus{background-color:var(--teal-300) !important}.focus\:bg-teal-400:focus{background-color:var(--teal-400) !important}.focus\:bg-teal-500:focus{background-color:var(--teal-500) !important}.focus\:bg-teal-600:focus{background-color:var(--teal-600) !important}.focus\:bg-teal-700:focus{background-color:var(--teal-700) !important}.focus\:bg-teal-800:focus{background-color:var(--teal-800) !important}.focus\:bg-teal-900:focus{background-color:var(--teal-900) !important}.hover\:bg-teal-50:hover{background-color:var(--teal-50) !important}.hover\:bg-teal-100:hover{background-color:var(--teal-100) !important}.hover\:bg-teal-200:hover{background-color:var(--teal-200) !important}.hover\:bg-teal-300:hover{background-color:var(--teal-300) !important}.hover\:bg-teal-400:hover{background-color:var(--teal-400) !important}.hover\:bg-teal-500:hover{background-color:var(--teal-500) !important}.hover\:bg-teal-600:hover{background-color:var(--teal-600) !important}.hover\:bg-teal-700:hover{background-color:var(--teal-700) !important}.hover\:bg-teal-800:hover{background-color:var(--teal-800) !important}.hover\:bg-teal-900:hover{background-color:var(--teal-900) !important}.active\:bg-teal-50:active{background-color:var(--teal-50) !important}.active\:bg-teal-100:active{background-color:var(--teal-100) !important}.active\:bg-teal-200:active{background-color:var(--teal-200) !important}.active\:bg-teal-300:active{background-color:var(--teal-300) !important}.active\:bg-teal-400:active{background-color:var(--teal-400) !important}.active\:bg-teal-500:active{background-color:var(--teal-500) !important}.active\:bg-teal-600:active{background-color:var(--teal-600) !important}.active\:bg-teal-700:active{background-color:var(--teal-700) !important}.active\:bg-teal-800:active{background-color:var(--teal-800) !important}.active\:bg-teal-900:active{background-color:var(--teal-900) !important}.bg-orange-50{background-color:var(--orange-50) !important}.bg-orange-100{background-color:var(--orange-100) !important}.bg-orange-200{background-color:var(--orange-200) !important}.bg-orange-300{background-color:var(--orange-300) !important}.bg-orange-400{background-color:var(--orange-400) !important}.bg-orange-500{background-color:var(--orange-500) !important}.bg-orange-600{background-color:var(--orange-600) !important}.bg-orange-700{background-color:var(--orange-700) !important}.bg-orange-800{background-color:var(--orange-800) !important}.bg-orange-900{background-color:var(--orange-900) !important}.focus\:bg-orange-50:focus{background-color:var(--orange-50) !important}.focus\:bg-orange-100:focus{background-color:var(--orange-100) !important}.focus\:bg-orange-200:focus{background-color:var(--orange-200) !important}.focus\:bg-orange-300:focus{background-color:var(--orange-300) !important}.focus\:bg-orange-400:focus{background-color:var(--orange-400) !important}.focus\:bg-orange-500:focus{background-color:var(--orange-500) !important}.focus\:bg-orange-600:focus{background-color:var(--orange-600) !important}.focus\:bg-orange-700:focus{background-color:var(--orange-700) !important}.focus\:bg-orange-800:focus{background-color:var(--orange-800) !important}.focus\:bg-orange-900:focus{background-color:var(--orange-900) !important}.hover\:bg-orange-50:hover{background-color:var(--orange-50) !important}.hover\:bg-orange-100:hover{background-color:var(--orange-100) !important}.hover\:bg-orange-200:hover{background-color:var(--orange-200) !important}.hover\:bg-orange-300:hover{background-color:var(--orange-300) !important}.hover\:bg-orange-400:hover{background-color:var(--orange-400) !important}.hover\:bg-orange-500:hover{background-color:var(--orange-500) !important}.hover\:bg-orange-600:hover{background-color:var(--orange-600) !important}.hover\:bg-orange-700:hover{background-color:var(--orange-700) !important}.hover\:bg-orange-800:hover{background-color:var(--orange-800) !important}.hover\:bg-orange-900:hover{background-color:var(--orange-900) !important}.active\:bg-orange-50:active{background-color:var(--orange-50) !important}.active\:bg-orange-100:active{background-color:var(--orange-100) !important}.active\:bg-orange-200:active{background-color:var(--orange-200) !important}.active\:bg-orange-300:active{background-color:var(--orange-300) !important}.active\:bg-orange-400:active{background-color:var(--orange-400) !important}.active\:bg-orange-500:active{background-color:var(--orange-500) !important}.active\:bg-orange-600:active{background-color:var(--orange-600) !important}.active\:bg-orange-700:active{background-color:var(--orange-700) !important}.active\:bg-orange-800:active{background-color:var(--orange-800) !important}.active\:bg-orange-900:active{background-color:var(--orange-900) !important}.bg-bluegray-50{background-color:var(--bluegray-50) !important}.bg-bluegray-100{background-color:var(--bluegray-100) !important}.bg-bluegray-200{background-color:var(--bluegray-200) !important}.bg-bluegray-300{background-color:var(--bluegray-300) !important}.bg-bluegray-400{background-color:var(--bluegray-400) !important}.bg-bluegray-500{background-color:var(--bluegray-500) !important}.bg-bluegray-600{background-color:var(--bluegray-600) !important}.bg-bluegray-700{background-color:var(--bluegray-700) !important}.bg-bluegray-800{background-color:var(--bluegray-800) !important}.bg-bluegray-900{background-color:var(--bluegray-900) !important}.focus\:bg-bluegray-50:focus{background-color:var(--bluegray-50) !important}.focus\:bg-bluegray-100:focus{background-color:var(--bluegray-100) !important}.focus\:bg-bluegray-200:focus{background-color:var(--bluegray-200) !important}.focus\:bg-bluegray-300:focus{background-color:var(--bluegray-300) !important}.focus\:bg-bluegray-400:focus{background-color:var(--bluegray-400) !important}.focus\:bg-bluegray-500:focus{background-color:var(--bluegray-500) !important}.focus\:bg-bluegray-600:focus{background-color:var(--bluegray-600) !important}.focus\:bg-bluegray-700:focus{background-color:var(--bluegray-700) !important}.focus\:bg-bluegray-800:focus{background-color:var(--bluegray-800) !important}.focus\:bg-bluegray-900:focus{background-color:var(--bluegray-900) !important}.hover\:bg-bluegray-50:hover{background-color:var(--bluegray-50) !important}.hover\:bg-bluegray-100:hover{background-color:var(--bluegray-100) !important}.hover\:bg-bluegray-200:hover{background-color:var(--bluegray-200) !important}.hover\:bg-bluegray-300:hover{background-color:var(--bluegray-300) !important}.hover\:bg-bluegray-400:hover{background-color:var(--bluegray-400) !important}.hover\:bg-bluegray-500:hover{background-color:var(--bluegray-500) !important}.hover\:bg-bluegray-600:hover{background-color:var(--bluegray-600) !important}.hover\:bg-bluegray-700:hover{background-color:var(--bluegray-700) !important}.hover\:bg-bluegray-800:hover{background-color:var(--bluegray-800) !important}.hover\:bg-bluegray-900:hover{background-color:var(--bluegray-900) !important}.active\:bg-bluegray-50:active{background-color:var(--bluegray-50) !important}.active\:bg-bluegray-100:active{background-color:var(--bluegray-100) !important}.active\:bg-bluegray-200:active{background-color:var(--bluegray-200) !important}.active\:bg-bluegray-300:active{background-color:var(--bluegray-300) !important}.active\:bg-bluegray-400:active{background-color:var(--bluegray-400) !important}.active\:bg-bluegray-500:active{background-color:var(--bluegray-500) !important}.active\:bg-bluegray-600:active{background-color:var(--bluegray-600) !important}.active\:bg-bluegray-700:active{background-color:var(--bluegray-700) !important}.active\:bg-bluegray-800:active{background-color:var(--bluegray-800) !important}.active\:bg-bluegray-900:active{background-color:var(--bluegray-900) !important}.bg-purple-50{background-color:var(--purple-50) !important}.bg-purple-100{background-color:var(--purple-100) !important}.bg-purple-200{background-color:var(--purple-200) !important}.bg-purple-300{background-color:var(--purple-300) !important}.bg-purple-400{background-color:var(--purple-400) !important}.bg-purple-500{background-color:var(--purple-500) !important}.bg-purple-600{background-color:var(--purple-600) !important}.bg-purple-700{background-color:var(--purple-700) !important}.bg-purple-800{background-color:var(--purple-800) !important}.bg-purple-900{background-color:var(--purple-900) !important}.focus\:bg-purple-50:focus{background-color:var(--purple-50) !important}.focus\:bg-purple-100:focus{background-color:var(--purple-100) !important}.focus\:bg-purple-200:focus{background-color:var(--purple-200) !important}.focus\:bg-purple-300:focus{background-color:var(--purple-300) !important}.focus\:bg-purple-400:focus{background-color:var(--purple-400) !important}.focus\:bg-purple-500:focus{background-color:var(--purple-500) !important}.focus\:bg-purple-600:focus{background-color:var(--purple-600) !important}.focus\:bg-purple-700:focus{background-color:var(--purple-700) !important}.focus\:bg-purple-800:focus{background-color:var(--purple-800) !important}.focus\:bg-purple-900:focus{background-color:var(--purple-900) !important}.hover\:bg-purple-50:hover{background-color:var(--purple-50) !important}.hover\:bg-purple-100:hover{background-color:var(--purple-100) !important}.hover\:bg-purple-200:hover{background-color:var(--purple-200) !important}.hover\:bg-purple-300:hover{background-color:var(--purple-300) !important}.hover\:bg-purple-400:hover{background-color:var(--purple-400) !important}.hover\:bg-purple-500:hover{background-color:var(--purple-500) !important}.hover\:bg-purple-600:hover{background-color:var(--purple-600) !important}.hover\:bg-purple-700:hover{background-color:var(--purple-700) !important}.hover\:bg-purple-800:hover{background-color:var(--purple-800) !important}.hover\:bg-purple-900:hover{background-color:var(--purple-900) !important}.active\:bg-purple-50:active{background-color:var(--purple-50) !important}.active\:bg-purple-100:active{background-color:var(--purple-100) !important}.active\:bg-purple-200:active{background-color:var(--purple-200) !important}.active\:bg-purple-300:active{background-color:var(--purple-300) !important}.active\:bg-purple-400:active{background-color:var(--purple-400) !important}.active\:bg-purple-500:active{background-color:var(--purple-500) !important}.active\:bg-purple-600:active{background-color:var(--purple-600) !important}.active\:bg-purple-700:active{background-color:var(--purple-700) !important}.active\:bg-purple-800:active{background-color:var(--purple-800) !important}.active\:bg-purple-900:active{background-color:var(--purple-900) !important}.bg-gray-50{background-color:var(--gray-50) !important}.bg-gray-100{background-color:var(--gray-100) !important}.bg-gray-200{background-color:var(--gray-200) !important}.bg-gray-300{background-color:var(--gray-300) !important}.bg-gray-400{background-color:var(--gray-400) !important}.bg-gray-500{background-color:var(--gray-500) !important}.bg-gray-600{background-color:var(--gray-600) !important}.bg-gray-700{background-color:var(--gray-700) !important}.bg-gray-800{background-color:var(--gray-800) !important}.bg-gray-900{background-color:var(--gray-900) !important}.focus\:bg-gray-50:focus{background-color:var(--gray-50) !important}.focus\:bg-gray-100:focus{background-color:var(--gray-100) !important}.focus\:bg-gray-200:focus{background-color:var(--gray-200) !important}.focus\:bg-gray-300:focus{background-color:var(--gray-300) !important}.focus\:bg-gray-400:focus{background-color:var(--gray-400) !important}.focus\:bg-gray-500:focus{background-color:var(--gray-500) !important}.focus\:bg-gray-600:focus{background-color:var(--gray-600) !important}.focus\:bg-gray-700:focus{background-color:var(--gray-700) !important}.focus\:bg-gray-800:focus{background-color:var(--gray-800) !important}.focus\:bg-gray-900:focus{background-color:var(--gray-900) !important}.hover\:bg-gray-50:hover{background-color:var(--gray-50) !important}.hover\:bg-gray-100:hover{background-color:var(--gray-100) !important}.hover\:bg-gray-200:hover{background-color:var(--gray-200) !important}.hover\:bg-gray-300:hover{background-color:var(--gray-300) !important}.hover\:bg-gray-400:hover{background-color:var(--gray-400) !important}.hover\:bg-gray-500:hover{background-color:var(--gray-500) !important}.hover\:bg-gray-600:hover{background-color:var(--gray-600) !important}.hover\:bg-gray-700:hover{background-color:var(--gray-700) !important}.hover\:bg-gray-800:hover{background-color:var(--gray-800) !important}.hover\:bg-gray-900:hover{background-color:var(--gray-900) !important}.active\:bg-gray-50:active{background-color:var(--gray-50) !important}.active\:bg-gray-100:active{background-color:var(--gray-100) !important}.active\:bg-gray-200:active{background-color:var(--gray-200) !important}.active\:bg-gray-300:active{background-color:var(--gray-300) !important}.active\:bg-gray-400:active{background-color:var(--gray-400) !important}.active\:bg-gray-500:active{background-color:var(--gray-500) !important}.active\:bg-gray-600:active{background-color:var(--gray-600) !important}.active\:bg-gray-700:active{background-color:var(--gray-700) !important}.active\:bg-gray-800:active{background-color:var(--gray-800) !important}.active\:bg-gray-900:active{background-color:var(--gray-900) !important}.bg-red-50{background-color:var(--red-50) !important}.bg-red-100{background-color:var(--red-100) !important}.bg-red-200{background-color:var(--red-200) !important}.bg-red-300{background-color:var(--red-300) !important}.bg-red-400{background-color:var(--red-400) !important}.bg-red-500{background-color:var(--red-500) !important}.bg-red-600{background-color:var(--red-600) !important}.bg-red-700{background-color:var(--red-700) !important}.bg-red-800{background-color:var(--red-800) !important}.bg-red-900{background-color:var(--red-900) !important}.focus\:bg-red-50:focus{background-color:var(--red-50) !important}.focus\:bg-red-100:focus{background-color:var(--red-100) !important}.focus\:bg-red-200:focus{background-color:var(--red-200) !important}.focus\:bg-red-300:focus{background-color:var(--red-300) !important}.focus\:bg-red-400:focus{background-color:var(--red-400) !important}.focus\:bg-red-500:focus{background-color:var(--red-500) !important}.focus\:bg-red-600:focus{background-color:var(--red-600) !important}.focus\:bg-red-700:focus{background-color:var(--red-700) !important}.focus\:bg-red-800:focus{background-color:var(--red-800) !important}.focus\:bg-red-900:focus{background-color:var(--red-900) !important}.hover\:bg-red-50:hover{background-color:var(--red-50) !important}.hover\:bg-red-100:hover{background-color:var(--red-100) !important}.hover\:bg-red-200:hover{background-color:var(--red-200) !important}.hover\:bg-red-300:hover{background-color:var(--red-300) !important}.hover\:bg-red-400:hover{background-color:var(--red-400) !important}.hover\:bg-red-500:hover{background-color:var(--red-500) !important}.hover\:bg-red-600:hover{background-color:var(--red-600) !important}.hover\:bg-red-700:hover{background-color:var(--red-700) !important}.hover\:bg-red-800:hover{background-color:var(--red-800) !important}.hover\:bg-red-900:hover{background-color:var(--red-900) !important}.active\:bg-red-50:active{background-color:var(--red-50) !important}.active\:bg-red-100:active{background-color:var(--red-100) !important}.active\:bg-red-200:active{background-color:var(--red-200) !important}.active\:bg-red-300:active{background-color:var(--red-300) !important}.active\:bg-red-400:active{background-color:var(--red-400) !important}.active\:bg-red-500:active{background-color:var(--red-500) !important}.active\:bg-red-600:active{background-color:var(--red-600) !important}.active\:bg-red-700:active{background-color:var(--red-700) !important}.active\:bg-red-800:active{background-color:var(--red-800) !important}.active\:bg-red-900:active{background-color:var(--red-900) !important}.bg-primary-50{background-color:var(--primary-50) !important}.bg-primary-100{background-color:var(--primary-100) !important}.bg-primary-200{background-color:var(--primary-200) !important}.bg-primary-300{background-color:var(--primary-300) !important}.bg-primary-400{background-color:var(--primary-400) !important}.bg-primary-500{background-color:var(--primary-500) !important}.bg-primary-600{background-color:var(--primary-600) !important}.bg-primary-700{background-color:var(--primary-700) !important}.bg-primary-800{background-color:var(--primary-800) !important}.bg-primary-900{background-color:var(--primary-900) !important}.focus\:bg-primary-50:focus{background-color:var(--primary-50) !important}.focus\:bg-primary-100:focus{background-color:var(--primary-100) !important}.focus\:bg-primary-200:focus{background-color:var(--primary-200) !important}.focus\:bg-primary-300:focus{background-color:var(--primary-300) !important}.focus\:bg-primary-400:focus{background-color:var(--primary-400) !important}.focus\:bg-primary-500:focus{background-color:var(--primary-500) !important}.focus\:bg-primary-600:focus{background-color:var(--primary-600) !important}.focus\:bg-primary-700:focus{background-color:var(--primary-700) !important}.focus\:bg-primary-800:focus{background-color:var(--primary-800) !important}.focus\:bg-primary-900:focus{background-color:var(--primary-900) !important}.hover\:bg-primary-50:hover{background-color:var(--primary-50) !important}.hover\:bg-primary-100:hover{background-color:var(--primary-100) !important}.hover\:bg-primary-200:hover{background-color:var(--primary-200) !important}.hover\:bg-primary-300:hover{background-color:var(--primary-300) !important}.hover\:bg-primary-400:hover{background-color:var(--primary-400) !important}.hover\:bg-primary-500:hover{background-color:var(--primary-500) !important}.hover\:bg-primary-600:hover{background-color:var(--primary-600) !important}.hover\:bg-primary-700:hover{background-color:var(--primary-700) !important}.hover\:bg-primary-800:hover{background-color:var(--primary-800) !important}.hover\:bg-primary-900:hover{background-color:var(--primary-900) !important}.active\:bg-primary-50:active{background-color:var(--primary-50) !important}.active\:bg-primary-100:active{background-color:var(--primary-100) !important}.active\:bg-primary-200:active{background-color:var(--primary-200) !important}.active\:bg-primary-300:active{background-color:var(--primary-300) !important}.active\:bg-primary-400:active{background-color:var(--primary-400) !important}.active\:bg-primary-500:active{background-color:var(--primary-500) !important}.active\:bg-primary-600:active{background-color:var(--primary-600) !important}.active\:bg-primary-700:active{background-color:var(--primary-700) !important}.active\:bg-primary-800:active{background-color:var(--primary-800) !important}.active\:bg-primary-900:active{background-color:var(--primary-900) !important}.border-blue-50{border-color:var(--blue-50) !important}.border-blue-100{border-color:var(--blue-100) !important}.border-blue-200{border-color:var(--blue-200) !important}.border-blue-300{border-color:var(--blue-300) !important}.border-blue-400{border-color:var(--blue-400) !important}.border-blue-500{border-color:var(--blue-500) !important}.border-blue-600{border-color:var(--blue-600) !important}.border-blue-700{border-color:var(--blue-700) !important}.border-blue-800{border-color:var(--blue-800) !important}.border-blue-900{border-color:var(--blue-900) !important}.focus\:border-blue-50:focus{border-color:var(--blue-50) !important}.focus\:border-blue-100:focus{border-color:var(--blue-100) !important}.focus\:border-blue-200:focus{border-color:var(--blue-200) !important}.focus\:border-blue-300:focus{border-color:var(--blue-300) !important}.focus\:border-blue-400:focus{border-color:var(--blue-400) !important}.focus\:border-blue-500:focus{border-color:var(--blue-500) !important}.focus\:border-blue-600:focus{border-color:var(--blue-600) !important}.focus\:border-blue-700:focus{border-color:var(--blue-700) !important}.focus\:border-blue-800:focus{border-color:var(--blue-800) !important}.focus\:border-blue-900:focus{border-color:var(--blue-900) !important}.hover\:border-blue-50:hover{border-color:var(--blue-50) !important}.hover\:border-blue-100:hover{border-color:var(--blue-100) !important}.hover\:border-blue-200:hover{border-color:var(--blue-200) !important}.hover\:border-blue-300:hover{border-color:var(--blue-300) !important}.hover\:border-blue-400:hover{border-color:var(--blue-400) !important}.hover\:border-blue-500:hover{border-color:var(--blue-500) !important}.hover\:border-blue-600:hover{border-color:var(--blue-600) !important}.hover\:border-blue-700:hover{border-color:var(--blue-700) !important}.hover\:border-blue-800:hover{border-color:var(--blue-800) !important}.hover\:border-blue-900:hover{border-color:var(--blue-900) !important}.active\:border-blue-50:active{border-color:var(--blue-50) !important}.active\:border-blue-100:active{border-color:var(--blue-100) !important}.active\:border-blue-200:active{border-color:var(--blue-200) !important}.active\:border-blue-300:active{border-color:var(--blue-300) !important}.active\:border-blue-400:active{border-color:var(--blue-400) !important}.active\:border-blue-500:active{border-color:var(--blue-500) !important}.active\:border-blue-600:active{border-color:var(--blue-600) !important}.active\:border-blue-700:active{border-color:var(--blue-700) !important}.active\:border-blue-800:active{border-color:var(--blue-800) !important}.active\:border-blue-900:active{border-color:var(--blue-900) !important}.border-green-50{border-color:var(--green-50) !important}.border-green-100{border-color:var(--green-100) !important}.border-green-200{border-color:var(--green-200) !important}.border-green-300{border-color:var(--green-300) !important}.border-green-400{border-color:var(--green-400) !important}.border-green-500{border-color:var(--green-500) !important}.border-green-600{border-color:var(--green-600) !important}.border-green-700{border-color:var(--green-700) !important}.border-green-800{border-color:var(--green-800) !important}.border-green-900{border-color:var(--green-900) !important}.focus\:border-green-50:focus{border-color:var(--green-50) !important}.focus\:border-green-100:focus{border-color:var(--green-100) !important}.focus\:border-green-200:focus{border-color:var(--green-200) !important}.focus\:border-green-300:focus{border-color:var(--green-300) !important}.focus\:border-green-400:focus{border-color:var(--green-400) !important}.focus\:border-green-500:focus{border-color:var(--green-500) !important}.focus\:border-green-600:focus{border-color:var(--green-600) !important}.focus\:border-green-700:focus{border-color:var(--green-700) !important}.focus\:border-green-800:focus{border-color:var(--green-800) !important}.focus\:border-green-900:focus{border-color:var(--green-900) !important}.hover\:border-green-50:hover{border-color:var(--green-50) !important}.hover\:border-green-100:hover{border-color:var(--green-100) !important}.hover\:border-green-200:hover{border-color:var(--green-200) !important}.hover\:border-green-300:hover{border-color:var(--green-300) !important}.hover\:border-green-400:hover{border-color:var(--green-400) !important}.hover\:border-green-500:hover{border-color:var(--green-500) !important}.hover\:border-green-600:hover{border-color:var(--green-600) !important}.hover\:border-green-700:hover{border-color:var(--green-700) !important}.hover\:border-green-800:hover{border-color:var(--green-800) !important}.hover\:border-green-900:hover{border-color:var(--green-900) !important}.active\:border-green-50:active{border-color:var(--green-50) !important}.active\:border-green-100:active{border-color:var(--green-100) !important}.active\:border-green-200:active{border-color:var(--green-200) !important}.active\:border-green-300:active{border-color:var(--green-300) !important}.active\:border-green-400:active{border-color:var(--green-400) !important}.active\:border-green-500:active{border-color:var(--green-500) !important}.active\:border-green-600:active{border-color:var(--green-600) !important}.active\:border-green-700:active{border-color:var(--green-700) !important}.active\:border-green-800:active{border-color:var(--green-800) !important}.active\:border-green-900:active{border-color:var(--green-900) !important}.border-yellow-50{border-color:var(--yellow-50) !important}.border-yellow-100{border-color:var(--yellow-100) !important}.border-yellow-200{border-color:var(--yellow-200) !important}.border-yellow-300{border-color:var(--yellow-300) !important}.border-yellow-400{border-color:var(--yellow-400) !important}.border-yellow-500{border-color:var(--yellow-500) !important}.border-yellow-600{border-color:var(--yellow-600) !important}.border-yellow-700{border-color:var(--yellow-700) !important}.border-yellow-800{border-color:var(--yellow-800) !important}.border-yellow-900{border-color:var(--yellow-900) !important}.focus\:border-yellow-50:focus{border-color:var(--yellow-50) !important}.focus\:border-yellow-100:focus{border-color:var(--yellow-100) !important}.focus\:border-yellow-200:focus{border-color:var(--yellow-200) !important}.focus\:border-yellow-300:focus{border-color:var(--yellow-300) !important}.focus\:border-yellow-400:focus{border-color:var(--yellow-400) !important}.focus\:border-yellow-500:focus{border-color:var(--yellow-500) !important}.focus\:border-yellow-600:focus{border-color:var(--yellow-600) !important}.focus\:border-yellow-700:focus{border-color:var(--yellow-700) !important}.focus\:border-yellow-800:focus{border-color:var(--yellow-800) !important}.focus\:border-yellow-900:focus{border-color:var(--yellow-900) !important}.hover\:border-yellow-50:hover{border-color:var(--yellow-50) !important}.hover\:border-yellow-100:hover{border-color:var(--yellow-100) !important}.hover\:border-yellow-200:hover{border-color:var(--yellow-200) !important}.hover\:border-yellow-300:hover{border-color:var(--yellow-300) !important}.hover\:border-yellow-400:hover{border-color:var(--yellow-400) !important}.hover\:border-yellow-500:hover{border-color:var(--yellow-500) !important}.hover\:border-yellow-600:hover{border-color:var(--yellow-600) !important}.hover\:border-yellow-700:hover{border-color:var(--yellow-700) !important}.hover\:border-yellow-800:hover{border-color:var(--yellow-800) !important}.hover\:border-yellow-900:hover{border-color:var(--yellow-900) !important}.active\:border-yellow-50:active{border-color:var(--yellow-50) !important}.active\:border-yellow-100:active{border-color:var(--yellow-100) !important}.active\:border-yellow-200:active{border-color:var(--yellow-200) !important}.active\:border-yellow-300:active{border-color:var(--yellow-300) !important}.active\:border-yellow-400:active{border-color:var(--yellow-400) !important}.active\:border-yellow-500:active{border-color:var(--yellow-500) !important}.active\:border-yellow-600:active{border-color:var(--yellow-600) !important}.active\:border-yellow-700:active{border-color:var(--yellow-700) !important}.active\:border-yellow-800:active{border-color:var(--yellow-800) !important}.active\:border-yellow-900:active{border-color:var(--yellow-900) !important}.border-cyan-50{border-color:var(--cyan-50) !important}.border-cyan-100{border-color:var(--cyan-100) !important}.border-cyan-200{border-color:var(--cyan-200) !important}.border-cyan-300{border-color:var(--cyan-300) !important}.border-cyan-400{border-color:var(--cyan-400) !important}.border-cyan-500{border-color:var(--cyan-500) !important}.border-cyan-600{border-color:var(--cyan-600) !important}.border-cyan-700{border-color:var(--cyan-700) !important}.border-cyan-800{border-color:var(--cyan-800) !important}.border-cyan-900{border-color:var(--cyan-900) !important}.focus\:border-cyan-50:focus{border-color:var(--cyan-50) !important}.focus\:border-cyan-100:focus{border-color:var(--cyan-100) !important}.focus\:border-cyan-200:focus{border-color:var(--cyan-200) !important}.focus\:border-cyan-300:focus{border-color:var(--cyan-300) !important}.focus\:border-cyan-400:focus{border-color:var(--cyan-400) !important}.focus\:border-cyan-500:focus{border-color:var(--cyan-500) !important}.focus\:border-cyan-600:focus{border-color:var(--cyan-600) !important}.focus\:border-cyan-700:focus{border-color:var(--cyan-700) !important}.focus\:border-cyan-800:focus{border-color:var(--cyan-800) !important}.focus\:border-cyan-900:focus{border-color:var(--cyan-900) !important}.hover\:border-cyan-50:hover{border-color:var(--cyan-50) !important}.hover\:border-cyan-100:hover{border-color:var(--cyan-100) !important}.hover\:border-cyan-200:hover{border-color:var(--cyan-200) !important}.hover\:border-cyan-300:hover{border-color:var(--cyan-300) !important}.hover\:border-cyan-400:hover{border-color:var(--cyan-400) !important}.hover\:border-cyan-500:hover{border-color:var(--cyan-500) !important}.hover\:border-cyan-600:hover{border-color:var(--cyan-600) !important}.hover\:border-cyan-700:hover{border-color:var(--cyan-700) !important}.hover\:border-cyan-800:hover{border-color:var(--cyan-800) !important}.hover\:border-cyan-900:hover{border-color:var(--cyan-900) !important}.active\:border-cyan-50:active{border-color:var(--cyan-50) !important}.active\:border-cyan-100:active{border-color:var(--cyan-100) !important}.active\:border-cyan-200:active{border-color:var(--cyan-200) !important}.active\:border-cyan-300:active{border-color:var(--cyan-300) !important}.active\:border-cyan-400:active{border-color:var(--cyan-400) !important}.active\:border-cyan-500:active{border-color:var(--cyan-500) !important}.active\:border-cyan-600:active{border-color:var(--cyan-600) !important}.active\:border-cyan-700:active{border-color:var(--cyan-700) !important}.active\:border-cyan-800:active{border-color:var(--cyan-800) !important}.active\:border-cyan-900:active{border-color:var(--cyan-900) !important}.border-pink-50{border-color:var(--pink-50) !important}.border-pink-100{border-color:var(--pink-100) !important}.border-pink-200{border-color:var(--pink-200) !important}.border-pink-300{border-color:var(--pink-300) !important}.border-pink-400{border-color:var(--pink-400) !important}.border-pink-500{border-color:var(--pink-500) !important}.border-pink-600{border-color:var(--pink-600) !important}.border-pink-700{border-color:var(--pink-700) !important}.border-pink-800{border-color:var(--pink-800) !important}.border-pink-900{border-color:var(--pink-900) !important}.focus\:border-pink-50:focus{border-color:var(--pink-50) !important}.focus\:border-pink-100:focus{border-color:var(--pink-100) !important}.focus\:border-pink-200:focus{border-color:var(--pink-200) !important}.focus\:border-pink-300:focus{border-color:var(--pink-300) !important}.focus\:border-pink-400:focus{border-color:var(--pink-400) !important}.focus\:border-pink-500:focus{border-color:var(--pink-500) !important}.focus\:border-pink-600:focus{border-color:var(--pink-600) !important}.focus\:border-pink-700:focus{border-color:var(--pink-700) !important}.focus\:border-pink-800:focus{border-color:var(--pink-800) !important}.focus\:border-pink-900:focus{border-color:var(--pink-900) !important}.hover\:border-pink-50:hover{border-color:var(--pink-50) !important}.hover\:border-pink-100:hover{border-color:var(--pink-100) !important}.hover\:border-pink-200:hover{border-color:var(--pink-200) !important}.hover\:border-pink-300:hover{border-color:var(--pink-300) !important}.hover\:border-pink-400:hover{border-color:var(--pink-400) !important}.hover\:border-pink-500:hover{border-color:var(--pink-500) !important}.hover\:border-pink-600:hover{border-color:var(--pink-600) !important}.hover\:border-pink-700:hover{border-color:var(--pink-700) !important}.hover\:border-pink-800:hover{border-color:var(--pink-800) !important}.hover\:border-pink-900:hover{border-color:var(--pink-900) !important}.active\:border-pink-50:active{border-color:var(--pink-50) !important}.active\:border-pink-100:active{border-color:var(--pink-100) !important}.active\:border-pink-200:active{border-color:var(--pink-200) !important}.active\:border-pink-300:active{border-color:var(--pink-300) !important}.active\:border-pink-400:active{border-color:var(--pink-400) !important}.active\:border-pink-500:active{border-color:var(--pink-500) !important}.active\:border-pink-600:active{border-color:var(--pink-600) !important}.active\:border-pink-700:active{border-color:var(--pink-700) !important}.active\:border-pink-800:active{border-color:var(--pink-800) !important}.active\:border-pink-900:active{border-color:var(--pink-900) !important}.border-indigo-50{border-color:var(--indigo-50) !important}.border-indigo-100{border-color:var(--indigo-100) !important}.border-indigo-200{border-color:var(--indigo-200) !important}.border-indigo-300{border-color:var(--indigo-300) !important}.border-indigo-400{border-color:var(--indigo-400) !important}.border-indigo-500{border-color:var(--indigo-500) !important}.border-indigo-600{border-color:var(--indigo-600) !important}.border-indigo-700{border-color:var(--indigo-700) !important}.border-indigo-800{border-color:var(--indigo-800) !important}.border-indigo-900{border-color:var(--indigo-900) !important}.focus\:border-indigo-50:focus{border-color:var(--indigo-50) !important}.focus\:border-indigo-100:focus{border-color:var(--indigo-100) !important}.focus\:border-indigo-200:focus{border-color:var(--indigo-200) !important}.focus\:border-indigo-300:focus{border-color:var(--indigo-300) !important}.focus\:border-indigo-400:focus{border-color:var(--indigo-400) !important}.focus\:border-indigo-500:focus{border-color:var(--indigo-500) !important}.focus\:border-indigo-600:focus{border-color:var(--indigo-600) !important}.focus\:border-indigo-700:focus{border-color:var(--indigo-700) !important}.focus\:border-indigo-800:focus{border-color:var(--indigo-800) !important}.focus\:border-indigo-900:focus{border-color:var(--indigo-900) !important}.hover\:border-indigo-50:hover{border-color:var(--indigo-50) !important}.hover\:border-indigo-100:hover{border-color:var(--indigo-100) !important}.hover\:border-indigo-200:hover{border-color:var(--indigo-200) !important}.hover\:border-indigo-300:hover{border-color:var(--indigo-300) !important}.hover\:border-indigo-400:hover{border-color:var(--indigo-400) !important}.hover\:border-indigo-500:hover{border-color:var(--indigo-500) !important}.hover\:border-indigo-600:hover{border-color:var(--indigo-600) !important}.hover\:border-indigo-700:hover{border-color:var(--indigo-700) !important}.hover\:border-indigo-800:hover{border-color:var(--indigo-800) !important}.hover\:border-indigo-900:hover{border-color:var(--indigo-900) !important}.active\:border-indigo-50:active{border-color:var(--indigo-50) !important}.active\:border-indigo-100:active{border-color:var(--indigo-100) !important}.active\:border-indigo-200:active{border-color:var(--indigo-200) !important}.active\:border-indigo-300:active{border-color:var(--indigo-300) !important}.active\:border-indigo-400:active{border-color:var(--indigo-400) !important}.active\:border-indigo-500:active{border-color:var(--indigo-500) !important}.active\:border-indigo-600:active{border-color:var(--indigo-600) !important}.active\:border-indigo-700:active{border-color:var(--indigo-700) !important}.active\:border-indigo-800:active{border-color:var(--indigo-800) !important}.active\:border-indigo-900:active{border-color:var(--indigo-900) !important}.border-teal-50{border-color:var(--teal-50) !important}.border-teal-100{border-color:var(--teal-100) !important}.border-teal-200{border-color:var(--teal-200) !important}.border-teal-300{border-color:var(--teal-300) !important}.border-teal-400{border-color:var(--teal-400) !important}.border-teal-500{border-color:var(--teal-500) !important}.border-teal-600{border-color:var(--teal-600) !important}.border-teal-700{border-color:var(--teal-700) !important}.border-teal-800{border-color:var(--teal-800) !important}.border-teal-900{border-color:var(--teal-900) !important}.focus\:border-teal-50:focus{border-color:var(--teal-50) !important}.focus\:border-teal-100:focus{border-color:var(--teal-100) !important}.focus\:border-teal-200:focus{border-color:var(--teal-200) !important}.focus\:border-teal-300:focus{border-color:var(--teal-300) !important}.focus\:border-teal-400:focus{border-color:var(--teal-400) !important}.focus\:border-teal-500:focus{border-color:var(--teal-500) !important}.focus\:border-teal-600:focus{border-color:var(--teal-600) !important}.focus\:border-teal-700:focus{border-color:var(--teal-700) !important}.focus\:border-teal-800:focus{border-color:var(--teal-800) !important}.focus\:border-teal-900:focus{border-color:var(--teal-900) !important}.hover\:border-teal-50:hover{border-color:var(--teal-50) !important}.hover\:border-teal-100:hover{border-color:var(--teal-100) !important}.hover\:border-teal-200:hover{border-color:var(--teal-200) !important}.hover\:border-teal-300:hover{border-color:var(--teal-300) !important}.hover\:border-teal-400:hover{border-color:var(--teal-400) !important}.hover\:border-teal-500:hover{border-color:var(--teal-500) !important}.hover\:border-teal-600:hover{border-color:var(--teal-600) !important}.hover\:border-teal-700:hover{border-color:var(--teal-700) !important}.hover\:border-teal-800:hover{border-color:var(--teal-800) !important}.hover\:border-teal-900:hover{border-color:var(--teal-900) !important}.active\:border-teal-50:active{border-color:var(--teal-50) !important}.active\:border-teal-100:active{border-color:var(--teal-100) !important}.active\:border-teal-200:active{border-color:var(--teal-200) !important}.active\:border-teal-300:active{border-color:var(--teal-300) !important}.active\:border-teal-400:active{border-color:var(--teal-400) !important}.active\:border-teal-500:active{border-color:var(--teal-500) !important}.active\:border-teal-600:active{border-color:var(--teal-600) !important}.active\:border-teal-700:active{border-color:var(--teal-700) !important}.active\:border-teal-800:active{border-color:var(--teal-800) !important}.active\:border-teal-900:active{border-color:var(--teal-900) !important}.border-orange-50{border-color:var(--orange-50) !important}.border-orange-100{border-color:var(--orange-100) !important}.border-orange-200{border-color:var(--orange-200) !important}.border-orange-300{border-color:var(--orange-300) !important}.border-orange-400{border-color:var(--orange-400) !important}.border-orange-500{border-color:var(--orange-500) !important}.border-orange-600{border-color:var(--orange-600) !important}.border-orange-700{border-color:var(--orange-700) !important}.border-orange-800{border-color:var(--orange-800) !important}.border-orange-900{border-color:var(--orange-900) !important}.focus\:border-orange-50:focus{border-color:var(--orange-50) !important}.focus\:border-orange-100:focus{border-color:var(--orange-100) !important}.focus\:border-orange-200:focus{border-color:var(--orange-200) !important}.focus\:border-orange-300:focus{border-color:var(--orange-300) !important}.focus\:border-orange-400:focus{border-color:var(--orange-400) !important}.focus\:border-orange-500:focus{border-color:var(--orange-500) !important}.focus\:border-orange-600:focus{border-color:var(--orange-600) !important}.focus\:border-orange-700:focus{border-color:var(--orange-700) !important}.focus\:border-orange-800:focus{border-color:var(--orange-800) !important}.focus\:border-orange-900:focus{border-color:var(--orange-900) !important}.hover\:border-orange-50:hover{border-color:var(--orange-50) !important}.hover\:border-orange-100:hover{border-color:var(--orange-100) !important}.hover\:border-orange-200:hover{border-color:var(--orange-200) !important}.hover\:border-orange-300:hover{border-color:var(--orange-300) !important}.hover\:border-orange-400:hover{border-color:var(--orange-400) !important}.hover\:border-orange-500:hover{border-color:var(--orange-500) !important}.hover\:border-orange-600:hover{border-color:var(--orange-600) !important}.hover\:border-orange-700:hover{border-color:var(--orange-700) !important}.hover\:border-orange-800:hover{border-color:var(--orange-800) !important}.hover\:border-orange-900:hover{border-color:var(--orange-900) !important}.active\:border-orange-50:active{border-color:var(--orange-50) !important}.active\:border-orange-100:active{border-color:var(--orange-100) !important}.active\:border-orange-200:active{border-color:var(--orange-200) !important}.active\:border-orange-300:active{border-color:var(--orange-300) !important}.active\:border-orange-400:active{border-color:var(--orange-400) !important}.active\:border-orange-500:active{border-color:var(--orange-500) !important}.active\:border-orange-600:active{border-color:var(--orange-600) !important}.active\:border-orange-700:active{border-color:var(--orange-700) !important}.active\:border-orange-800:active{border-color:var(--orange-800) !important}.active\:border-orange-900:active{border-color:var(--orange-900) !important}.border-bluegray-50{border-color:var(--bluegray-50) !important}.border-bluegray-100{border-color:var(--bluegray-100) !important}.border-bluegray-200{border-color:var(--bluegray-200) !important}.border-bluegray-300{border-color:var(--bluegray-300) !important}.border-bluegray-400{border-color:var(--bluegray-400) !important}.border-bluegray-500{border-color:var(--bluegray-500) !important}.border-bluegray-600{border-color:var(--bluegray-600) !important}.border-bluegray-700{border-color:var(--bluegray-700) !important}.border-bluegray-800{border-color:var(--bluegray-800) !important}.border-bluegray-900{border-color:var(--bluegray-900) !important}.focus\:border-bluegray-50:focus{border-color:var(--bluegray-50) !important}.focus\:border-bluegray-100:focus{border-color:var(--bluegray-100) !important}.focus\:border-bluegray-200:focus{border-color:var(--bluegray-200) !important}.focus\:border-bluegray-300:focus{border-color:var(--bluegray-300) !important}.focus\:border-bluegray-400:focus{border-color:var(--bluegray-400) !important}.focus\:border-bluegray-500:focus{border-color:var(--bluegray-500) !important}.focus\:border-bluegray-600:focus{border-color:var(--bluegray-600) !important}.focus\:border-bluegray-700:focus{border-color:var(--bluegray-700) !important}.focus\:border-bluegray-800:focus{border-color:var(--bluegray-800) !important}.focus\:border-bluegray-900:focus{border-color:var(--bluegray-900) !important}.hover\:border-bluegray-50:hover{border-color:var(--bluegray-50) !important}.hover\:border-bluegray-100:hover{border-color:var(--bluegray-100) !important}.hover\:border-bluegray-200:hover{border-color:var(--bluegray-200) !important}.hover\:border-bluegray-300:hover{border-color:var(--bluegray-300) !important}.hover\:border-bluegray-400:hover{border-color:var(--bluegray-400) !important}.hover\:border-bluegray-500:hover{border-color:var(--bluegray-500) !important}.hover\:border-bluegray-600:hover{border-color:var(--bluegray-600) !important}.hover\:border-bluegray-700:hover{border-color:var(--bluegray-700) !important}.hover\:border-bluegray-800:hover{border-color:var(--bluegray-800) !important}.hover\:border-bluegray-900:hover{border-color:var(--bluegray-900) !important}.active\:border-bluegray-50:active{border-color:var(--bluegray-50) !important}.active\:border-bluegray-100:active{border-color:var(--bluegray-100) !important}.active\:border-bluegray-200:active{border-color:var(--bluegray-200) !important}.active\:border-bluegray-300:active{border-color:var(--bluegray-300) !important}.active\:border-bluegray-400:active{border-color:var(--bluegray-400) !important}.active\:border-bluegray-500:active{border-color:var(--bluegray-500) !important}.active\:border-bluegray-600:active{border-color:var(--bluegray-600) !important}.active\:border-bluegray-700:active{border-color:var(--bluegray-700) !important}.active\:border-bluegray-800:active{border-color:var(--bluegray-800) !important}.active\:border-bluegray-900:active{border-color:var(--bluegray-900) !important}.border-purple-50{border-color:var(--purple-50) !important}.border-purple-100{border-color:var(--purple-100) !important}.border-purple-200{border-color:var(--purple-200) !important}.border-purple-300{border-color:var(--purple-300) !important}.border-purple-400{border-color:var(--purple-400) !important}.border-purple-500{border-color:var(--purple-500) !important}.border-purple-600{border-color:var(--purple-600) !important}.border-purple-700{border-color:var(--purple-700) !important}.border-purple-800{border-color:var(--purple-800) !important}.border-purple-900{border-color:var(--purple-900) !important}.focus\:border-purple-50:focus{border-color:var(--purple-50) !important}.focus\:border-purple-100:focus{border-color:var(--purple-100) !important}.focus\:border-purple-200:focus{border-color:var(--purple-200) !important}.focus\:border-purple-300:focus{border-color:var(--purple-300) !important}.focus\:border-purple-400:focus{border-color:var(--purple-400) !important}.focus\:border-purple-500:focus{border-color:var(--purple-500) !important}.focus\:border-purple-600:focus{border-color:var(--purple-600) !important}.focus\:border-purple-700:focus{border-color:var(--purple-700) !important}.focus\:border-purple-800:focus{border-color:var(--purple-800) !important}.focus\:border-purple-900:focus{border-color:var(--purple-900) !important}.hover\:border-purple-50:hover{border-color:var(--purple-50) !important}.hover\:border-purple-100:hover{border-color:var(--purple-100) !important}.hover\:border-purple-200:hover{border-color:var(--purple-200) !important}.hover\:border-purple-300:hover{border-color:var(--purple-300) !important}.hover\:border-purple-400:hover{border-color:var(--purple-400) !important}.hover\:border-purple-500:hover{border-color:var(--purple-500) !important}.hover\:border-purple-600:hover{border-color:var(--purple-600) !important}.hover\:border-purple-700:hover{border-color:var(--purple-700) !important}.hover\:border-purple-800:hover{border-color:var(--purple-800) !important}.hover\:border-purple-900:hover{border-color:var(--purple-900) !important}.active\:border-purple-50:active{border-color:var(--purple-50) !important}.active\:border-purple-100:active{border-color:var(--purple-100) !important}.active\:border-purple-200:active{border-color:var(--purple-200) !important}.active\:border-purple-300:active{border-color:var(--purple-300) !important}.active\:border-purple-400:active{border-color:var(--purple-400) !important}.active\:border-purple-500:active{border-color:var(--purple-500) !important}.active\:border-purple-600:active{border-color:var(--purple-600) !important}.active\:border-purple-700:active{border-color:var(--purple-700) !important}.active\:border-purple-800:active{border-color:var(--purple-800) !important}.active\:border-purple-900:active{border-color:var(--purple-900) !important}.border-gray-50{border-color:var(--gray-50) !important}.border-gray-100{border-color:var(--gray-100) !important}.border-gray-200{border-color:var(--gray-200) !important}.border-gray-300{border-color:var(--gray-300) !important}.border-gray-400{border-color:var(--gray-400) !important}.border-gray-500{border-color:var(--gray-500) !important}.border-gray-600{border-color:var(--gray-600) !important}.border-gray-700{border-color:var(--gray-700) !important}.border-gray-800{border-color:var(--gray-800) !important}.border-gray-900{border-color:var(--gray-900) !important}.focus\:border-gray-50:focus{border-color:var(--gray-50) !important}.focus\:border-gray-100:focus{border-color:var(--gray-100) !important}.focus\:border-gray-200:focus{border-color:var(--gray-200) !important}.focus\:border-gray-300:focus{border-color:var(--gray-300) !important}.focus\:border-gray-400:focus{border-color:var(--gray-400) !important}.focus\:border-gray-500:focus{border-color:var(--gray-500) !important}.focus\:border-gray-600:focus{border-color:var(--gray-600) !important}.focus\:border-gray-700:focus{border-color:var(--gray-700) !important}.focus\:border-gray-800:focus{border-color:var(--gray-800) !important}.focus\:border-gray-900:focus{border-color:var(--gray-900) !important}.hover\:border-gray-50:hover{border-color:var(--gray-50) !important}.hover\:border-gray-100:hover{border-color:var(--gray-100) !important}.hover\:border-gray-200:hover{border-color:var(--gray-200) !important}.hover\:border-gray-300:hover{border-color:var(--gray-300) !important}.hover\:border-gray-400:hover{border-color:var(--gray-400) !important}.hover\:border-gray-500:hover{border-color:var(--gray-500) !important}.hover\:border-gray-600:hover{border-color:var(--gray-600) !important}.hover\:border-gray-700:hover{border-color:var(--gray-700) !important}.hover\:border-gray-800:hover{border-color:var(--gray-800) !important}.hover\:border-gray-900:hover{border-color:var(--gray-900) !important}.active\:border-gray-50:active{border-color:var(--gray-50) !important}.active\:border-gray-100:active{border-color:var(--gray-100) !important}.active\:border-gray-200:active{border-color:var(--gray-200) !important}.active\:border-gray-300:active{border-color:var(--gray-300) !important}.active\:border-gray-400:active{border-color:var(--gray-400) !important}.active\:border-gray-500:active{border-color:var(--gray-500) !important}.active\:border-gray-600:active{border-color:var(--gray-600) !important}.active\:border-gray-700:active{border-color:var(--gray-700) !important}.active\:border-gray-800:active{border-color:var(--gray-800) !important}.active\:border-gray-900:active{border-color:var(--gray-900) !important}.border-red-50{border-color:var(--red-50) !important}.border-red-100{border-color:var(--red-100) !important}.border-red-200{border-color:var(--red-200) !important}.border-red-300{border-color:var(--red-300) !important}.border-red-400{border-color:var(--red-400) !important}.border-red-500{border-color:var(--red-500) !important}.border-red-600{border-color:var(--red-600) !important}.border-red-700{border-color:var(--red-700) !important}.border-red-800{border-color:var(--red-800) !important}.border-red-900{border-color:var(--red-900) !important}.focus\:border-red-50:focus{border-color:var(--red-50) !important}.focus\:border-red-100:focus{border-color:var(--red-100) !important}.focus\:border-red-200:focus{border-color:var(--red-200) !important}.focus\:border-red-300:focus{border-color:var(--red-300) !important}.focus\:border-red-400:focus{border-color:var(--red-400) !important}.focus\:border-red-500:focus{border-color:var(--red-500) !important}.focus\:border-red-600:focus{border-color:var(--red-600) !important}.focus\:border-red-700:focus{border-color:var(--red-700) !important}.focus\:border-red-800:focus{border-color:var(--red-800) !important}.focus\:border-red-900:focus{border-color:var(--red-900) !important}.hover\:border-red-50:hover{border-color:var(--red-50) !important}.hover\:border-red-100:hover{border-color:var(--red-100) !important}.hover\:border-red-200:hover{border-color:var(--red-200) !important}.hover\:border-red-300:hover{border-color:var(--red-300) !important}.hover\:border-red-400:hover{border-color:var(--red-400) !important}.hover\:border-red-500:hover{border-color:var(--red-500) !important}.hover\:border-red-600:hover{border-color:var(--red-600) !important}.hover\:border-red-700:hover{border-color:var(--red-700) !important}.hover\:border-red-800:hover{border-color:var(--red-800) !important}.hover\:border-red-900:hover{border-color:var(--red-900) !important}.active\:border-red-50:active{border-color:var(--red-50) !important}.active\:border-red-100:active{border-color:var(--red-100) !important}.active\:border-red-200:active{border-color:var(--red-200) !important}.active\:border-red-300:active{border-color:var(--red-300) !important}.active\:border-red-400:active{border-color:var(--red-400) !important}.active\:border-red-500:active{border-color:var(--red-500) !important}.active\:border-red-600:active{border-color:var(--red-600) !important}.active\:border-red-700:active{border-color:var(--red-700) !important}.active\:border-red-800:active{border-color:var(--red-800) !important}.active\:border-red-900:active{border-color:var(--red-900) !important}.border-primary-50{border-color:var(--primary-50) !important}.border-primary-100{border-color:var(--primary-100) !important}.border-primary-200{border-color:var(--primary-200) !important}.border-primary-300{border-color:var(--primary-300) !important}.border-primary-400{border-color:var(--primary-400) !important}.border-primary-500{border-color:var(--primary-500) !important}.border-primary-600{border-color:var(--primary-600) !important}.border-primary-700{border-color:var(--primary-700) !important}.border-primary-800{border-color:var(--primary-800) !important}.border-primary-900{border-color:var(--primary-900) !important}.focus\:border-primary-50:focus{border-color:var(--primary-50) !important}.focus\:border-primary-100:focus{border-color:var(--primary-100) !important}.focus\:border-primary-200:focus{border-color:var(--primary-200) !important}.focus\:border-primary-300:focus{border-color:var(--primary-300) !important}.focus\:border-primary-400:focus{border-color:var(--primary-400) !important}.focus\:border-primary-500:focus{border-color:var(--primary-500) !important}.focus\:border-primary-600:focus{border-color:var(--primary-600) !important}.focus\:border-primary-700:focus{border-color:var(--primary-700) !important}.focus\:border-primary-800:focus{border-color:var(--primary-800) !important}.focus\:border-primary-900:focus{border-color:var(--primary-900) !important}.hover\:border-primary-50:hover{border-color:var(--primary-50) !important}.hover\:border-primary-100:hover{border-color:var(--primary-100) !important}.hover\:border-primary-200:hover{border-color:var(--primary-200) !important}.hover\:border-primary-300:hover{border-color:var(--primary-300) !important}.hover\:border-primary-400:hover{border-color:var(--primary-400) !important}.hover\:border-primary-500:hover{border-color:var(--primary-500) !important}.hover\:border-primary-600:hover{border-color:var(--primary-600) !important}.hover\:border-primary-700:hover{border-color:var(--primary-700) !important}.hover\:border-primary-800:hover{border-color:var(--primary-800) !important}.hover\:border-primary-900:hover{border-color:var(--primary-900) !important}.active\:border-primary-50:active{border-color:var(--primary-50) !important}.active\:border-primary-100:active{border-color:var(--primary-100) !important}.active\:border-primary-200:active{border-color:var(--primary-200) !important}.active\:border-primary-300:active{border-color:var(--primary-300) !important}.active\:border-primary-400:active{border-color:var(--primary-400) !important}.active\:border-primary-500:active{border-color:var(--primary-500) !important}.active\:border-primary-600:active{border-color:var(--primary-600) !important}.active\:border-primary-700:active{border-color:var(--primary-700) !important}.active\:border-primary-800:active{border-color:var(--primary-800) !important}.active\:border-primary-900:active{border-color:var(--primary-900) !important}.bg-white-alpha-10{background-color:rgba(255,255,255,0.1) !important}.bg-white-alpha-20{background-color:rgba(255,255,255,0.2) !important}.bg-white-alpha-30{background-color:rgba(255,255,255,0.3) !important}.bg-white-alpha-40{background-color:rgba(255,255,255,0.4) !important}.bg-white-alpha-50{background-color:rgba(255,255,255,0.5) !important}.bg-white-alpha-60{background-color:rgba(255,255,255,0.6) !important}.bg-white-alpha-70{background-color:rgba(255,255,255,0.7) !important}.bg-white-alpha-80{background-color:rgba(255,255,255,0.8) !important}.bg-white-alpha-90{background-color:rgba(255,255,255,0.9) !important}.hover\:bg-white-alpha-10:hover{background-color:rgba(255,255,255,0.1) !important}.hover\:bg-white-alpha-20:hover{background-color:rgba(255,255,255,0.2) !important}.hover\:bg-white-alpha-30:hover{background-color:rgba(255,255,255,0.3) !important}.hover\:bg-white-alpha-40:hover{background-color:rgba(255,255,255,0.4) !important}.hover\:bg-white-alpha-50:hover{background-color:rgba(255,255,255,0.5) !important}.hover\:bg-white-alpha-60:hover{background-color:rgba(255,255,255,0.6) !important}.hover\:bg-white-alpha-70:hover{background-color:rgba(255,255,255,0.7) !important}.hover\:bg-white-alpha-80:hover{background-color:rgba(255,255,255,0.8) !important}.hover\:bg-white-alpha-90:hover{background-color:rgba(255,255,255,0.9) !important}.focus\:bg-white-alpha-10:focus{background-color:rgba(255,255,255,0.1) !important}.focus\:bg-white-alpha-20:focus{background-color:rgba(255,255,255,0.2) !important}.focus\:bg-white-alpha-30:focus{background-color:rgba(255,255,255,0.3) !important}.focus\:bg-white-alpha-40:focus{background-color:rgba(255,255,255,0.4) !important}.focus\:bg-white-alpha-50:focus{background-color:rgba(255,255,255,0.5) !important}.focus\:bg-white-alpha-60:focus{background-color:rgba(255,255,255,0.6) !important}.focus\:bg-white-alpha-70:focus{background-color:rgba(255,255,255,0.7) !important}.focus\:bg-white-alpha-80:focus{background-color:rgba(255,255,255,0.8) !important}.focus\:bg-white-alpha-90:focus{background-color:rgba(255,255,255,0.9) !important}.active\:bg-white-alpha-10:active{background-color:rgba(255,255,255,0.1) !important}.active\:bg-white-alpha-20:active{background-color:rgba(255,255,255,0.2) !important}.active\:bg-white-alpha-30:active{background-color:rgba(255,255,255,0.3) !important}.active\:bg-white-alpha-40:active{background-color:rgba(255,255,255,0.4) !important}.active\:bg-white-alpha-50:active{background-color:rgba(255,255,255,0.5) !important}.active\:bg-white-alpha-60:active{background-color:rgba(255,255,255,0.6) !important}.active\:bg-white-alpha-70:active{background-color:rgba(255,255,255,0.7) !important}.active\:bg-white-alpha-80:active{background-color:rgba(255,255,255,0.8) !important}.active\:bg-white-alpha-90:active{background-color:rgba(255,255,255,0.9) !important}.bg-black-alpha-10{background-color:rgba(0,0,0,0.1) !important}.bg-black-alpha-20{background-color:rgba(0,0,0,0.2) !important}.bg-black-alpha-30{background-color:rgba(0,0,0,0.3) !important}.bg-black-alpha-40{background-color:rgba(0,0,0,0.4) !important}.bg-black-alpha-50{background-color:rgba(0,0,0,0.5) !important}.bg-black-alpha-60{background-color:rgba(0,0,0,0.6) !important}.bg-black-alpha-70{background-color:rgba(0,0,0,0.7) !important}.bg-black-alpha-80{background-color:rgba(0,0,0,0.8) !important}.bg-black-alpha-90{background-color:rgba(0,0,0,0.9) !important}.hover\:bg-black-alpha-10:hover{background-color:rgba(0,0,0,0.1) !important}.hover\:bg-black-alpha-20:hover{background-color:rgba(0,0,0,0.2) !important}.hover\:bg-black-alpha-30:hover{background-color:rgba(0,0,0,0.3) !important}.hover\:bg-black-alpha-40:hover{background-color:rgba(0,0,0,0.4) !important}.hover\:bg-black-alpha-50:hover{background-color:rgba(0,0,0,0.5) !important}.hover\:bg-black-alpha-60:hover{background-color:rgba(0,0,0,0.6) !important}.hover\:bg-black-alpha-70:hover{background-color:rgba(0,0,0,0.7) !important}.hover\:bg-black-alpha-80:hover{background-color:rgba(0,0,0,0.8) !important}.hover\:bg-black-alpha-90:hover{background-color:rgba(0,0,0,0.9) !important}.focus\:bg-black-alpha-10:focus{background-color:rgba(0,0,0,0.1) !important}.focus\:bg-black-alpha-20:focus{background-color:rgba(0,0,0,0.2) !important}.focus\:bg-black-alpha-30:focus{background-color:rgba(0,0,0,0.3) !important}.focus\:bg-black-alpha-40:focus{background-color:rgba(0,0,0,0.4) !important}.focus\:bg-black-alpha-50:focus{background-color:rgba(0,0,0,0.5) !important}.focus\:bg-black-alpha-60:focus{background-color:rgba(0,0,0,0.6) !important}.focus\:bg-black-alpha-70:focus{background-color:rgba(0,0,0,0.7) !important}.focus\:bg-black-alpha-80:focus{background-color:rgba(0,0,0,0.8) !important}.focus\:bg-black-alpha-90:focus{background-color:rgba(0,0,0,0.9) !important}.active\:bg-black-alpha-10:active{background-color:rgba(0,0,0,0.1) !important}.active\:bg-black-alpha-20:active{background-color:rgba(0,0,0,0.2) !important}.active\:bg-black-alpha-30:active{background-color:rgba(0,0,0,0.3) !important}.active\:bg-black-alpha-40:active{background-color:rgba(0,0,0,0.4) !important}.active\:bg-black-alpha-50:active{background-color:rgba(0,0,0,0.5) !important}.active\:bg-black-alpha-60:active{background-color:rgba(0,0,0,0.6) !important}.active\:bg-black-alpha-70:active{background-color:rgba(0,0,0,0.7) !important}.active\:bg-black-alpha-80:active{background-color:rgba(0,0,0,0.8) !important}.active\:bg-black-alpha-90:active{background-color:rgba(0,0,0,0.9) !important}.border-white-alpha-10{border-color:rgba(255,255,255,0.1) !important}.border-white-alpha-20{border-color:rgba(255,255,255,0.2) !important}.border-white-alpha-30{border-color:rgba(255,255,255,0.3) !important}.border-white-alpha-40{border-color:rgba(255,255,255,0.4) !important}.border-white-alpha-50{border-color:rgba(255,255,255,0.5) !important}.border-white-alpha-60{border-color:rgba(255,255,255,0.6) !important}.border-white-alpha-70{border-color:rgba(255,255,255,0.7) !important}.border-white-alpha-80{border-color:rgba(255,255,255,0.8) !important}.border-white-alpha-90{border-color:rgba(255,255,255,0.9) !important}.hover\:border-white-alpha-10:hover{border-color:rgba(255,255,255,0.1) !important}.hover\:border-white-alpha-20:hover{border-color:rgba(255,255,255,0.2) !important}.hover\:border-white-alpha-30:hover{border-color:rgba(255,255,255,0.3) !important}.hover\:border-white-alpha-40:hover{border-color:rgba(255,255,255,0.4) !important}.hover\:border-white-alpha-50:hover{border-color:rgba(255,255,255,0.5) !important}.hover\:border-white-alpha-60:hover{border-color:rgba(255,255,255,0.6) !important}.hover\:border-white-alpha-70:hover{border-color:rgba(255,255,255,0.7) !important}.hover\:border-white-alpha-80:hover{border-color:rgba(255,255,255,0.8) !important}.hover\:border-white-alpha-90:hover{border-color:rgba(255,255,255,0.9) !important}.focus\:border-white-alpha-10:focus{border-color:rgba(255,255,255,0.1) !important}.focus\:border-white-alpha-20:focus{border-color:rgba(255,255,255,0.2) !important}.focus\:border-white-alpha-30:focus{border-color:rgba(255,255,255,0.3) !important}.focus\:border-white-alpha-40:focus{border-color:rgba(255,255,255,0.4) !important}.focus\:border-white-alpha-50:focus{border-color:rgba(255,255,255,0.5) !important}.focus\:border-white-alpha-60:focus{border-color:rgba(255,255,255,0.6) !important}.focus\:border-white-alpha-70:focus{border-color:rgba(255,255,255,0.7) !important}.focus\:border-white-alpha-80:focus{border-color:rgba(255,255,255,0.8) !important}.focus\:border-white-alpha-90:focus{border-color:rgba(255,255,255,0.9) !important}.active\:border-white-alpha-10:active{border-color:rgba(255,255,255,0.1) !important}.active\:border-white-alpha-20:active{border-color:rgba(255,255,255,0.2) !important}.active\:border-white-alpha-30:active{border-color:rgba(255,255,255,0.3) !important}.active\:border-white-alpha-40:active{border-color:rgba(255,255,255,0.4) !important}.active\:border-white-alpha-50:active{border-color:rgba(255,255,255,0.5) !important}.active\:border-white-alpha-60:active{border-color:rgba(255,255,255,0.6) !important}.active\:border-white-alpha-70:active{border-color:rgba(255,255,255,0.7) !important}.active\:border-white-alpha-80:active{border-color:rgba(255,255,255,0.8) !important}.active\:border-white-alpha-90:active{border-color:rgba(255,255,255,0.9) !important}.border-black-alpha-10{border-color:rgba(0,0,0,0.1) !important}.border-black-alpha-20{border-color:rgba(0,0,0,0.2) !important}.border-black-alpha-30{border-color:rgba(0,0,0,0.3) !important}.border-black-alpha-40{border-color:rgba(0,0,0,0.4) !important}.border-black-alpha-50{border-color:rgba(0,0,0,0.5) !important}.border-black-alpha-60{border-color:rgba(0,0,0,0.6) !important}.border-black-alpha-70{border-color:rgba(0,0,0,0.7) !important}.border-black-alpha-80{border-color:rgba(0,0,0,0.8) !important}.border-black-alpha-90{border-color:rgba(0,0,0,0.9) !important}.hover\:border-black-alpha-10:hover{border-color:rgba(0,0,0,0.1) !important}.hover\:border-black-alpha-20:hover{border-color:rgba(0,0,0,0.2) !important}.hover\:border-black-alpha-30:hover{border-color:rgba(0,0,0,0.3) !important}.hover\:border-black-alpha-40:hover{border-color:rgba(0,0,0,0.4) !important}.hover\:border-black-alpha-50:hover{border-color:rgba(0,0,0,0.5) !important}.hover\:border-black-alpha-60:hover{border-color:rgba(0,0,0,0.6) !important}.hover\:border-black-alpha-70:hover{border-color:rgba(0,0,0,0.7) !important}.hover\:border-black-alpha-80:hover{border-color:rgba(0,0,0,0.8) !important}.hover\:border-black-alpha-90:hover{border-color:rgba(0,0,0,0.9) !important}.focus\:border-black-alpha-10:focus{border-color:rgba(0,0,0,0.1) !important}.focus\:border-black-alpha-20:focus{border-color:rgba(0,0,0,0.2) !important}.focus\:border-black-alpha-30:focus{border-color:rgba(0,0,0,0.3) !important}.focus\:border-black-alpha-40:focus{border-color:rgba(0,0,0,0.4) !important}.focus\:border-black-alpha-50:focus{border-color:rgba(0,0,0,0.5) !important}.focus\:border-black-alpha-60:focus{border-color:rgba(0,0,0,0.6) !important}.focus\:border-black-alpha-70:focus{border-color:rgba(0,0,0,0.7) !important}.focus\:border-black-alpha-80:focus{border-color:rgba(0,0,0,0.8) !important}.focus\:border-black-alpha-90:focus{border-color:rgba(0,0,0,0.9) !important}.active\:border-black-alpha-10:active{border-color:rgba(0,0,0,0.1) !important}.active\:border-black-alpha-20:active{border-color:rgba(0,0,0,0.2) !important}.active\:border-black-alpha-30:active{border-color:rgba(0,0,0,0.3) !important}.active\:border-black-alpha-40:active{border-color:rgba(0,0,0,0.4) !important}.active\:border-black-alpha-50:active{border-color:rgba(0,0,0,0.5) !important}.active\:border-black-alpha-60:active{border-color:rgba(0,0,0,0.6) !important}.active\:border-black-alpha-70:active{border-color:rgba(0,0,0,0.7) !important}.active\:border-black-alpha-80:active{border-color:rgba(0,0,0,0.8) !important}.active\:border-black-alpha-90:active{border-color:rgba(0,0,0,0.9) !important}.text-white-alpha-10{color:rgba(255,255,255,0.1) !important}.text-white-alpha-20{color:rgba(255,255,255,0.2) !important}.text-white-alpha-30{color:rgba(255,255,255,0.3) !important}.text-white-alpha-40{color:rgba(255,255,255,0.4) !important}.text-white-alpha-50{color:rgba(255,255,255,0.5) !important}.text-white-alpha-60{color:rgba(255,255,255,0.6) !important}.text-white-alpha-70{color:rgba(255,255,255,0.7) !important}.text-white-alpha-80{color:rgba(255,255,255,0.8) !important}.text-white-alpha-90{color:rgba(255,255,255,0.9) !important}.hover\:text-white-alpha-10:hover{color:rgba(255,255,255,0.1) !important}.hover\:text-white-alpha-20:hover{color:rgba(255,255,255,0.2) !important}.hover\:text-white-alpha-30:hover{color:rgba(255,255,255,0.3) !important}.hover\:text-white-alpha-40:hover{color:rgba(255,255,255,0.4) !important}.hover\:text-white-alpha-50:hover{color:rgba(255,255,255,0.5) !important}.hover\:text-white-alpha-60:hover{color:rgba(255,255,255,0.6) !important}.hover\:text-white-alpha-70:hover{color:rgba(255,255,255,0.7) !important}.hover\:text-white-alpha-80:hover{color:rgba(255,255,255,0.8) !important}.hover\:text-white-alpha-90:hover{color:rgba(255,255,255,0.9) !important}.focus\:text-white-alpha-10:focus{color:rgba(255,255,255,0.1) !important}.focus\:text-white-alpha-20:focus{color:rgba(255,255,255,0.2) !important}.focus\:text-white-alpha-30:focus{color:rgba(255,255,255,0.3) !important}.focus\:text-white-alpha-40:focus{color:rgba(255,255,255,0.4) !important}.focus\:text-white-alpha-50:focus{color:rgba(255,255,255,0.5) !important}.focus\:text-white-alpha-60:focus{color:rgba(255,255,255,0.6) !important}.focus\:text-white-alpha-70:focus{color:rgba(255,255,255,0.7) !important}.focus\:text-white-alpha-80:focus{color:rgba(255,255,255,0.8) !important}.focus\:text-white-alpha-90:focus{color:rgba(255,255,255,0.9) !important}.active\:text-white-alpha-10:active{color:rgba(255,255,255,0.1) !important}.active\:text-white-alpha-20:active{color:rgba(255,255,255,0.2) !important}.active\:text-white-alpha-30:active{color:rgba(255,255,255,0.3) !important}.active\:text-white-alpha-40:active{color:rgba(255,255,255,0.4) !important}.active\:text-white-alpha-50:active{color:rgba(255,255,255,0.5) !important}.active\:text-white-alpha-60:active{color:rgba(255,255,255,0.6) !important}.active\:text-white-alpha-70:active{color:rgba(255,255,255,0.7) !important}.active\:text-white-alpha-80:active{color:rgba(255,255,255,0.8) !important}.active\:text-white-alpha-90:active{color:rgba(255,255,255,0.9) !important}.text-black-alpha-10{color:rgba(0,0,0,0.1) !important}.text-black-alpha-20{color:rgba(0,0,0,0.2) !important}.text-black-alpha-30{color:rgba(0,0,0,0.3) !important}.text-black-alpha-40{color:rgba(0,0,0,0.4) !important}.text-black-alpha-50{color:rgba(0,0,0,0.5) !important}.text-black-alpha-60{color:rgba(0,0,0,0.6) !important}.text-black-alpha-70{color:rgba(0,0,0,0.7) !important}.text-black-alpha-80{color:rgba(0,0,0,0.8) !important}.text-black-alpha-90{color:rgba(0,0,0,0.9) !important}.hover\:text-black-alpha-10:hover{color:rgba(0,0,0,0.1) !important}.hover\:text-black-alpha-20:hover{color:rgba(0,0,0,0.2) !important}.hover\:text-black-alpha-30:hover{color:rgba(0,0,0,0.3) !important}.hover\:text-black-alpha-40:hover{color:rgba(0,0,0,0.4) !important}.hover\:text-black-alpha-50:hover{color:rgba(0,0,0,0.5) !important}.hover\:text-black-alpha-60:hover{color:rgba(0,0,0,0.6) !important}.hover\:text-black-alpha-70:hover{color:rgba(0,0,0,0.7) !important}.hover\:text-black-alpha-80:hover{color:rgba(0,0,0,0.8) !important}.hover\:text-black-alpha-90:hover{color:rgba(0,0,0,0.9) !important}.focus\:text-black-alpha-10:focus{color:rgba(0,0,0,0.1) !important}.focus\:text-black-alpha-20:focus{color:rgba(0,0,0,0.2) !important}.focus\:text-black-alpha-30:focus{color:rgba(0,0,0,0.3) !important}.focus\:text-black-alpha-40:focus{color:rgba(0,0,0,0.4) !important}.focus\:text-black-alpha-50:focus{color:rgba(0,0,0,0.5) !important}.focus\:text-black-alpha-60:focus{color:rgba(0,0,0,0.6) !important}.focus\:text-black-alpha-70:focus{color:rgba(0,0,0,0.7) !important}.focus\:text-black-alpha-80:focus{color:rgba(0,0,0,0.8) !important}.focus\:text-black-alpha-90:focus{color:rgba(0,0,0,0.9) !important}.active\:text-black-alpha-10:active{color:rgba(0,0,0,0.1) !important}.active\:text-black-alpha-20:active{color:rgba(0,0,0,0.2) !important}.active\:text-black-alpha-30:active{color:rgba(0,0,0,0.3) !important}.active\:text-black-alpha-40:active{color:rgba(0,0,0,0.4) !important}.active\:text-black-alpha-50:active{color:rgba(0,0,0,0.5) !important}.active\:text-black-alpha-60:active{color:rgba(0,0,0,0.6) !important}.active\:text-black-alpha-70:active{color:rgba(0,0,0,0.7) !important}.active\:text-black-alpha-80:active{color:rgba(0,0,0,0.8) !important}.active\:text-black-alpha-90:active{color:rgba(0,0,0,0.9) !important}.text-primary{color:var(--primary-color) !important}.bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.bg-white{background-color:#ffffff !important}.border-primary{border-color:var(--primary-color) !important}.text-white{color:#ffffff !important}.border-white{border-color:#ffffff !important}.text-color{color:var(--text-color) !important}.text-color-secondary{color:var(--text-color-secondary) !important}.surface-ground{background-color:var(--surface-ground) !important}.surface-section{background-color:var(--surface-section) !important}.surface-card{background-color:var(--surface-card) !important}.surface-overlay{background-color:var(--surface-overlay) !important}.surface-hover{background-color:var(--surface-hover) !important}.surface-border{border-color:var(--surface-border) !important}.focus\:text-primary:focus{color:var(--primary-color) !important}.hover\:text-primary:hover{color:var(--primary-color) !important}.active\:text-primary:active{color:var(--primary-color) !important}.focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.focus\:bg-white:focus{background-color:#ffffff !important}.hover\:bg-white:hover{background-color:#ffffff !important}.active\:bg-white:active{background-color:#ffffff !important}.focus\:border-primary:focus{border-color:var(--primary-color) !important}.hover\:border-primary:hover{border-color:var(--primary-color) !important}.active\:border-primary:active{border-color:var(--primary-color) !important}.focus\:text-white:focus{color:#ffffff !important}.hover\:text-white:hover{color:#ffffff !important}.active\:text-white:active{color:#ffffff !important}.focus\:border-white:focus{border-color:#ffffff !important}.hover\:border-white:hover{border-color:#ffffff !important}.active\:border-white:active{border-color:#ffffff !important}.focus\:text-color:focus{color:var(--text-color) !important}.hover\:text-color:hover{color:var(--text-color) !important}.active\:text-color:active{color:var(--text-color) !important}.focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.active\:surface-ground:active{background-color:var(--surface-ground) !important}.focus\:surface-section:focus{background-color:var(--surface-section) !important}.hover\:surface-section:hover{background-color:var(--surface-section) !important}.active\:surface-section:active{background-color:var(--surface-section) !important}.focus\:surface-card:focus{background-color:var(--surface-card) !important}.hover\:surface-card:hover{background-color:var(--surface-card) !important}.active\:surface-card:active{background-color:var(--surface-card) !important}.focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.active\:surface-hover:active{background-color:var(--surface-hover) !important}.focus\:surface-border:focus{border-color:var(--surface-border) !important}.hover\:surface-border:hover{border-color:var(--surface-border) !important}.active\:surface-border:active{border-color:var(--surface-border) !important}@media screen and (min-width: 576px){.sm\:text-primary{color:var(--primary-color) !important}.sm\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:bg-white{background-color:#ffffff !important}.sm\:border-primary{border-color:var(--primary-color) !important}.sm\:text-white{color:#ffffff !important}.sm\:border-white{border-color:#ffffff !important}.sm\:text-color{color:var(--text-color) !important}.sm\:text-color-secondary{color:var(--text-color-secondary) !important}.sm\:surface-ground{background-color:var(--surface-ground) !important}.sm\:surface-section{background-color:var(--surface-section) !important}.sm\:surface-card{background-color:var(--surface-card) !important}.sm\:surface-overlay{background-color:var(--surface-overlay) !important}.sm\:surface-hover{background-color:var(--surface-hover) !important}.sm\:surface-border{border-color:var(--surface-border) !important}.sm\:focus\:text-primary:focus{color:var(--primary-color) !important}.sm\:hover\:text-primary:hover{color:var(--primary-color) !important}.sm\:active\:text-primary:active{color:var(--primary-color) !important}.sm\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.sm\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.sm\:focus\:bg-white:focus{background-color:#ffffff !important}.sm\:hover\:bg-white:hover{background-color:#ffffff !important}.sm\:active\:bg-white:active{background-color:#ffffff !important}.sm\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.sm\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.sm\:active\:border-primary:active{border-color:var(--primary-color) !important}.sm\:focus\:text-white:focus{color:#ffffff !important}.sm\:hover\:text-white:hover{color:#ffffff !important}.sm\:active\:text-white:active{color:#ffffff !important}.sm\:focus\:border-white:focus{border-color:#ffffff !important}.sm\:hover\:border-white:hover{border-color:#ffffff !important}.sm\:active\:border-white:active{border-color:#ffffff !important}.sm\:focus\:text-color:focus{color:var(--text-color) !important}.sm\:hover\:text-color:hover{color:var(--text-color) !important}.sm\:active\:text-color:active{color:var(--text-color) !important}.sm\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.sm\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.sm\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.sm\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.sm\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.sm\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.sm\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.sm\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.sm\:active\:surface-section:active{background-color:var(--surface-section) !important}.sm\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.sm\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.sm\:active\:surface-card:active{background-color:var(--surface-card) !important}.sm\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.sm\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.sm\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.sm\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.sm\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.sm\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.sm\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.sm\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.sm\:active\:surface-border:active{border-color:var(--surface-border) !important}}@media screen and (min-width: 768px){.md\:text-primary{color:var(--primary-color) !important}.md\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:bg-white{background-color:#ffffff !important}.md\:border-primary{border-color:var(--primary-color) !important}.md\:text-white{color:#ffffff !important}.md\:border-white{border-color:#ffffff !important}.md\:text-color{color:var(--text-color) !important}.md\:text-color-secondary{color:var(--text-color-secondary) !important}.md\:surface-ground{background-color:var(--surface-ground) !important}.md\:surface-section{background-color:var(--surface-section) !important}.md\:surface-card{background-color:var(--surface-card) !important}.md\:surface-overlay{background-color:var(--surface-overlay) !important}.md\:surface-hover{background-color:var(--surface-hover) !important}.md\:surface-border{border-color:var(--surface-border) !important}.md\:focus\:text-primary:focus{color:var(--primary-color) !important}.md\:hover\:text-primary:hover{color:var(--primary-color) !important}.md\:active\:text-primary:active{color:var(--primary-color) !important}.md\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.md\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.md\:focus\:bg-white:focus{background-color:#ffffff !important}.md\:hover\:bg-white:hover{background-color:#ffffff !important}.md\:active\:bg-white:active{background-color:#ffffff !important}.md\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.md\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.md\:active\:border-primary:active{border-color:var(--primary-color) !important}.md\:focus\:text-white:focus{color:#ffffff !important}.md\:hover\:text-white:hover{color:#ffffff !important}.md\:active\:text-white:active{color:#ffffff !important}.md\:focus\:border-white:focus{border-color:#ffffff !important}.md\:hover\:border-white:hover{border-color:#ffffff !important}.md\:active\:border-white:active{border-color:#ffffff !important}.md\:focus\:text-color:focus{color:var(--text-color) !important}.md\:hover\:text-color:hover{color:var(--text-color) !important}.md\:active\:text-color:active{color:var(--text-color) !important}.md\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.md\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.md\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.md\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.md\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.md\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.md\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.md\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.md\:active\:surface-section:active{background-color:var(--surface-section) !important}.md\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.md\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.md\:active\:surface-card:active{background-color:var(--surface-card) !important}.md\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.md\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.md\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.md\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.md\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.md\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.md\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.md\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.md\:active\:surface-border:active{border-color:var(--surface-border) !important}}@media screen and (min-width: 992px){.lg\:text-primary{color:var(--primary-color) !important}.lg\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:bg-white{background-color:#ffffff !important}.lg\:border-primary{border-color:var(--primary-color) !important}.lg\:text-white{color:#ffffff !important}.lg\:border-white{border-color:#ffffff !important}.lg\:text-color{color:var(--text-color) !important}.lg\:text-color-secondary{color:var(--text-color-secondary) !important}.lg\:surface-ground{background-color:var(--surface-ground) !important}.lg\:surface-section{background-color:var(--surface-section) !important}.lg\:surface-card{background-color:var(--surface-card) !important}.lg\:surface-overlay{background-color:var(--surface-overlay) !important}.lg\:surface-hover{background-color:var(--surface-hover) !important}.lg\:surface-border{border-color:var(--surface-border) !important}.lg\:focus\:text-primary:focus{color:var(--primary-color) !important}.lg\:hover\:text-primary:hover{color:var(--primary-color) !important}.lg\:active\:text-primary:active{color:var(--primary-color) !important}.lg\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.lg\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.lg\:focus\:bg-white:focus{background-color:#ffffff !important}.lg\:hover\:bg-white:hover{background-color:#ffffff !important}.lg\:active\:bg-white:active{background-color:#ffffff !important}.lg\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.lg\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.lg\:active\:border-primary:active{border-color:var(--primary-color) !important}.lg\:focus\:text-white:focus{color:#ffffff !important}.lg\:hover\:text-white:hover{color:#ffffff !important}.lg\:active\:text-white:active{color:#ffffff !important}.lg\:focus\:border-white:focus{border-color:#ffffff !important}.lg\:hover\:border-white:hover{border-color:#ffffff !important}.lg\:active\:border-white:active{border-color:#ffffff !important}.lg\:focus\:text-color:focus{color:var(--text-color) !important}.lg\:hover\:text-color:hover{color:var(--text-color) !important}.lg\:active\:text-color:active{color:var(--text-color) !important}.lg\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.lg\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.lg\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.lg\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.lg\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.lg\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.lg\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.lg\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.lg\:active\:surface-section:active{background-color:var(--surface-section) !important}.lg\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.lg\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.lg\:active\:surface-card:active{background-color:var(--surface-card) !important}.lg\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.lg\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.lg\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.lg\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.lg\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.lg\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.lg\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.lg\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.lg\:active\:surface-border:active{border-color:var(--surface-border) !important}}@media screen and (min-width: 1200px){.xl\:text-primary{color:var(--primary-color) !important}.xl\:bg-primary{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:bg-primary-reverse{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:bg-white{background-color:#ffffff !important}.xl\:border-primary{border-color:var(--primary-color) !important}.xl\:text-white{color:#ffffff !important}.xl\:border-white{border-color:#ffffff !important}.xl\:text-color{color:var(--text-color) !important}.xl\:text-color-secondary{color:var(--text-color-secondary) !important}.xl\:surface-ground{background-color:var(--surface-ground) !important}.xl\:surface-section{background-color:var(--surface-section) !important}.xl\:surface-card{background-color:var(--surface-card) !important}.xl\:surface-overlay{background-color:var(--surface-overlay) !important}.xl\:surface-hover{background-color:var(--surface-hover) !important}.xl\:surface-border{border-color:var(--surface-border) !important}.xl\:focus\:text-primary:focus{color:var(--primary-color) !important}.xl\:hover\:text-primary:hover{color:var(--primary-color) !important}.xl\:active\:text-primary:active{color:var(--primary-color) !important}.xl\:focus\:bg-primary:focus{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:hover\:bg-primary:hover{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:active\:bg-primary:active{color:var(--primary-color-text) !important;background-color:var(--primary-color) !important}.xl\:focus\:bg-primary-reverse:focus{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:hover\:bg-primary-reverse:hover{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:active\:bg-primary-reverse:active{color:var(--primary-color) !important;background-color:var(--primary-color-text) !important}.xl\:focus\:bg-white:focus{background-color:#ffffff !important}.xl\:hover\:bg-white:hover{background-color:#ffffff !important}.xl\:active\:bg-white:active{background-color:#ffffff !important}.xl\:focus\:border-primary:focus{border-color:var(--primary-color) !important}.xl\:hover\:border-primary:hover{border-color:var(--primary-color) !important}.xl\:active\:border-primary:active{border-color:var(--primary-color) !important}.xl\:focus\:text-white:focus{color:#ffffff !important}.xl\:hover\:text-white:hover{color:#ffffff !important}.xl\:active\:text-white:active{color:#ffffff !important}.xl\:focus\:border-white:focus{border-color:#ffffff !important}.xl\:hover\:border-white:hover{border-color:#ffffff !important}.xl\:active\:border-white:active{border-color:#ffffff !important}.xl\:focus\:text-color:focus{color:var(--text-color) !important}.xl\:hover\:text-color:hover{color:var(--text-color) !important}.xl\:active\:text-color:active{color:var(--text-color) !important}.xl\:focus\:text-color-secondary:focus{color:var(--text-color-secondary) !important}.xl\:hover\:text-color-secondary:hover{color:var(--text-color-secondary) !important}.xl\:active\:text-color-secondary:active{color:var(--text-color-secondary) !important}.xl\:focus\:surface-ground:focus{background-color:var(--surface-ground) !important}.xl\:hover\:surface-ground:hover{background-color:var(--surface-ground) !important}.xl\:active\:surface-ground:active{background-color:var(--surface-ground) !important}.xl\:focus\:surface-section:focus{background-color:var(--surface-section) !important}.xl\:hover\:surface-section:hover{background-color:var(--surface-section) !important}.xl\:active\:surface-section:active{background-color:var(--surface-section) !important}.xl\:focus\:surface-card:focus{background-color:var(--surface-card) !important}.xl\:hover\:surface-card:hover{background-color:var(--surface-card) !important}.xl\:active\:surface-card:active{background-color:var(--surface-card) !important}.xl\:focus\:surface-overlay:focus{background-color:var(--surface-overlay) !important}.xl\:hover\:surface-overlay:hover{background-color:var(--surface-overlay) !important}.xl\:active\:surface-overlay:active{background-color:var(--surface-overlay) !important}.xl\:focus\:surface-hover:focus{background-color:var(--surface-hover) !important}.xl\:hover\:surface-hover:hover{background-color:var(--surface-hover) !important}.xl\:active\:surface-hover:active{background-color:var(--surface-hover) !important}.xl\:focus\:surface-border:focus{border-color:var(--surface-border) !important}.xl\:hover\:surface-border:hover{border-color:var(--surface-border) !important}.xl\:active\:surface-border:active{border-color:var(--surface-border) !important}}.field{margin-bottom:1rem}.field>label{display:inline-block;margin-bottom:.5rem}.field.grid>label{display:flex;align-items:center}.field>small{margin-top:.25rem}.field.grid,.formgrid.grid{margin-top:0}.field.grid .col-fixed,.formgrid.grid .col-fixed,.field.grid .col,.formgrid.grid .col,.field.grid .col-1,.formgrid.grid .col-1,.field.grid .col-2,.formgrid.grid .col-2,.field.grid .col-3,.formgrid.grid .col-3,.field.grid .col-4,.formgrid.grid .col-4,.field.grid .col-5,.formgrid.grid .col-5,.field.grid .col-6,.formgrid.grid .col-6,.field.grid .col-7,.formgrid.grid .col-7,.field.grid .col-8,.formgrid.grid .col-8,.field.grid .col-9,.formgrid.grid .col-9,.field.grid .col-10,.formgrid.grid .col-10,.field.grid .col-11,.formgrid.grid .col-11,.field.grid .col-12,.formgrid.grid .col-12{padding-top:0;padding-bottom:0}.formgroup-inline{display:flex;flex-wrap:wrap;align-items:flex-start}.formgroup-inline .field,.formgroup-inline .field-checkbox,.formgroup-inline .field-radiobutton{margin-right:1rem}.formgroup-inline .field>label,.formgroup-inline .field-checkbox>label,.formgroup-inline .field-radiobutton>label{margin-right:.5rem;margin-bottom:0}.field-checkbox,.field-radiobutton{margin-bottom:1rem;display:flex;align-items:center}.field-checkbox>label,.field-radiobutton>label{margin-left:.5rem;line-height:1}.hidden{display:none !important}.block{display:block !important}.inline{display:inline !important}.inline-block{display:inline-block !important}.flex{display:flex !important}.inline-flex{display:inline-flex !important}@media screen and (min-width: 576px){.sm\:hidden{display:none !important}.sm\:block{display:block !important}.sm\:inline{display:inline !important}.sm\:inline-block{display:inline-block !important}.sm\:flex{display:flex !important}.sm\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 768px){.md\:hidden{display:none !important}.md\:block{display:block !important}.md\:inline{display:inline !important}.md\:inline-block{display:inline-block !important}.md\:flex{display:flex !important}.md\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 992px){.lg\:hidden{display:none !important}.lg\:block{display:block !important}.lg\:inline{display:inline !important}.lg\:inline-block{display:inline-block !important}.lg\:flex{display:flex !important}.lg\:inline-flex{display:inline-flex !important}}@media screen and (min-width: 1200px){.xl\:hidden{display:none !important}.xl\:block{display:block !important}.xl\:inline{display:inline !important}.xl\:inline-block{display:inline-block !important}.xl\:flex{display:flex !important}.xl\:inline-flex{display:inline-flex !important}}.text-center{text-align:center !important}.text-justify{text-align:justify !important}.text-left{text-align:left !important}.text-right{text-align:right !important}@media screen and (min-width: 576px){.sm\:text-center{text-align:center !important}.sm\:text-justify{text-align:justify !important}.sm\:text-left{text-align:left !important}.sm\:text-right{text-align:right !important}}@media screen and (min-width: 768px){.md\:text-center{text-align:center !important}.md\:text-justify{text-align:justify !important}.md\:text-left{text-align:left !important}.md\:text-right{text-align:right !important}}@media screen and (min-width: 992px){.lg\:text-center{text-align:center !important}.lg\:text-justify{text-align:justify !important}.lg\:text-left{text-align:left !important}.lg\:text-right{text-align:right !important}}@media screen and (min-width: 1200px){.xl\:text-center{text-align:center !important}.xl\:text-justify{text-align:justify !important}.xl\:text-left{text-align:left !important}.xl\:text-right{text-align:right !important}}.underline{text-decoration:underline !important}.line-through{text-decoration:line-through !important}.no-underline{text-decoration:none !important}.focus\:underline:focus{text-decoration:underline !important}.hover\:underline:hover{text-decoration:underline !important}.active\:underline:active{text-decoration:underline !important}.focus\:line-through:focus{text-decoration:line-through !important}.hover\:line-through:hover{text-decoration:line-through !important}.active\:line-through:active{text-decoration:line-through !important}.focus\:no-underline:focus{text-decoration:none !important}.hover\:no-underline:hover{text-decoration:none !important}.active\:no-underline:active{text-decoration:none !important}.lowercase{text-transform:lowercase !important}.uppercase{text-transform:uppercase !important}.capitalize{text-transform:capitalize !important}.text-overflow-clip{text-overflow:clip !important}.text-overflow-ellipsis{text-overflow:ellipsis !important}@media screen and (min-width: 576px){.sm\:text-overflow-clip{text-overflow:clip !important}.sm\:text-overflow-ellipsis{text-overflow:ellipsis !important}}@media screen and (min-width: 768px){.md\:text-overflow-clip{text-overflow:clip !important}.md\:text-overflow-ellipsis{text-overflow:ellipsis !important}}@media screen and (min-width: 992px){.lg\:text-overflow-clip{text-overflow:clip !important}.lg\:text-overflow-ellipsis{text-overflow:ellipsis !important}}@media screen and (min-width: 1200px){.xl\:text-overflow-clip{text-overflow:clip !important}.xl\:text-overflow-ellipsis{text-overflow:ellipsis !important}}.font-light{font-weight:300 !important}.font-normal{font-weight:400 !important}.font-medium{font-weight:500 !important}.font-semibold{font-weight:600 !important}.font-bold{font-weight:700 !important}@media screen and (min-width: 576px){.sm\:font-light{font-weight:300 !important}.sm\:font-normal{font-weight:400 !important}.sm\:font-medium{font-weight:500 !important}.sm\:font-semibold{font-weight:600 !important}.sm\:font-bold{font-weight:700 !important}}@media screen and (min-width: 768px){.md\:font-light{font-weight:300 !important}.md\:font-normal{font-weight:400 !important}.md\:font-medium{font-weight:500 !important}.md\:font-semibold{font-weight:600 !important}.md\:font-bold{font-weight:700 !important}}@media screen and (min-width: 992px){.lg\:font-light{font-weight:300 !important}.lg\:font-normal{font-weight:400 !important}.lg\:font-medium{font-weight:500 !important}.lg\:font-semibold{font-weight:600 !important}.lg\:font-bold{font-weight:700 !important}}@media screen and (min-width: 1200px){.xl\:font-light{font-weight:300 !important}.xl\:font-normal{font-weight:400 !important}.xl\:font-medium{font-weight:500 !important}.xl\:font-semibold{font-weight:600 !important}.xl\:font-bold{font-weight:700 !important}}.font-italic{font-style:italic !important}.text-xs{font-size:0.75rem !important}.text-sm{font-size:0.875rem !important}.text-base{font-size:1rem !important}.text-lg{font-size:1.125rem !important}.text-xl{font-size:1.25rem !important}.text-2xl{font-size:1.5rem !important}.text-3xl{font-size:1.75rem !important}.text-4xl{font-size:2rem !important}.text-5xl{font-size:2.5rem !important}.text-6xl{font-size:3rem !important}.text-7xl{font-size:4rem !important}.text-8xl{font-size:6rem !important}@media screen and (min-width: 576px){.sm\:text-xs{font-size:0.75rem !important}.sm\:text-sm{font-size:0.875rem !important}.sm\:text-base{font-size:1rem !important}.sm\:text-lg{font-size:1.125rem !important}.sm\:text-xl{font-size:1.25rem !important}.sm\:text-2xl{font-size:1.5rem !important}.sm\:text-3xl{font-size:1.75rem !important}.sm\:text-4xl{font-size:2rem !important}.sm\:text-5xl{font-size:2.5rem !important}.sm\:text-6xl{font-size:3rem !important}.sm\:text-7xl{font-size:4rem !important}.sm\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 768px){.md\:text-xs{font-size:0.75rem !important}.md\:text-sm{font-size:0.875rem !important}.md\:text-base{font-size:1rem !important}.md\:text-lg{font-size:1.125rem !important}.md\:text-xl{font-size:1.25rem !important}.md\:text-2xl{font-size:1.5rem !important}.md\:text-3xl{font-size:1.75rem !important}.md\:text-4xl{font-size:2rem !important}.md\:text-5xl{font-size:2.5rem !important}.md\:text-6xl{font-size:3rem !important}.md\:text-7xl{font-size:4rem !important}.md\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 992px){.lg\:text-xs{font-size:0.75rem !important}.lg\:text-sm{font-size:0.875rem !important}.lg\:text-base{font-size:1rem !important}.lg\:text-lg{font-size:1.125rem !important}.lg\:text-xl{font-size:1.25rem !important}.lg\:text-2xl{font-size:1.5rem !important}.lg\:text-3xl{font-size:1.75rem !important}.lg\:text-4xl{font-size:2rem !important}.lg\:text-5xl{font-size:2.5rem !important}.lg\:text-6xl{font-size:3rem !important}.lg\:text-7xl{font-size:4rem !important}.lg\:text-8xl{font-size:6rem !important}}@media screen and (min-width: 1200px){.xl\:text-xs{font-size:0.75rem !important}.xl\:text-sm{font-size:0.875rem !important}.xl\:text-base{font-size:1rem !important}.xl\:text-lg{font-size:1.125rem !important}.xl\:text-xl{font-size:1.25rem !important}.xl\:text-2xl{font-size:1.5rem !important}.xl\:text-3xl{font-size:1.75rem !important}.xl\:text-4xl{font-size:2rem !important}.xl\:text-5xl{font-size:2.5rem !important}.xl\:text-6xl{font-size:3rem !important}.xl\:text-7xl{font-size:4rem !important}.xl\:text-8xl{font-size:6rem !important}}.line-height-1{line-height:1 !important}.line-height-2{line-height:1.25 !important}.line-height-3{line-height:1.5 !important}.line-height-4{line-height:2 !important}.white-space-normal{white-space:normal !important}.white-space-nowrap{white-space:nowrap !important}.vertical-align-baseline{vertical-align:baseline !important}.vertical-align-top{vertical-align:top !important}.vertical-align-middle{vertical-align:middle !important}.vertical-align-bottom{vertical-align:bottom !important}.vertical-align-text-top{vertical-align:text-top !important}.vertical-align-text-bottom{vertical-align:text-bottom !important}.vertical-align-sub{vertical-align:sub !important}.vertical-align-super{vertical-align:super !important}@media screen and (min-width: 576px){.sm\:vertical-align-baseline{vertical-align:baseline !important}.sm\:vertical-align-top{vertical-align:top !important}.sm\:vertical-align-middle{vertical-align:middle !important}.sm\:vertical-align-bottom{vertical-align:bottom !important}.sm\:vertical-align-text-top{vertical-align:text-top !important}.sm\:vertical-align-text-bottom{vertical-align:text-bottom !important}.sm\:vertical-align-sub{vertical-align:sub !important}.sm\:vertical-align-super{vertical-align:super !important}}@media screen and (min-width: 768px){.md\:vertical-align-baseline{vertical-align:baseline !important}.md\:vertical-align-top{vertical-align:top !important}.md\:vertical-align-middle{vertical-align:middle !important}.md\:vertical-align-bottom{vertical-align:bottom !important}.md\:vertical-align-text-top{vertical-align:text-top !important}.md\:vertical-align-text-bottom{vertical-align:text-bottom !important}.md\:vertical-align-sub{vertical-align:sub !important}.md\:vertical-align-super{vertical-align:super !important}}@media screen and (min-width: 992px){.lg\:vertical-align-baseline{vertical-align:baseline !important}.lg\:vertical-align-top{vertical-align:top !important}.lg\:vertical-align-middle{vertical-align:middle !important}.lg\:vertical-align-bottom{vertical-align:bottom !important}.lg\:vertical-align-text-top{vertical-align:text-top !important}.lg\:vertical-align-text-bottom{vertical-align:text-bottom !important}.lg\:vertical-align-sub{vertical-align:sub !important}.lg\:vertical-align-super{vertical-align:super !important}}@media screen and (min-width: 1200px){.xl\:vertical-align-baseline{vertical-align:baseline !important}.xl\:vertical-align-top{vertical-align:top !important}.xl\:vertical-align-middle{vertical-align:middle !important}.xl\:vertical-align-bottom{vertical-align:bottom !important}.xl\:vertical-align-text-top{vertical-align:text-top !important}.xl\:vertical-align-text-bottom{vertical-align:text-bottom !important}.xl\:vertical-align-sub{vertical-align:sub !important}.xl\:vertical-align-super{vertical-align:super !important}}.flex-row{flex-direction:row !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column{flex-direction:column !important}.flex-column-reverse{flex-direction:column-reverse !important}@media screen and (min-width: 576px){.sm\:flex-row{flex-direction:row !important}.sm\:flex-row-reverse{flex-direction:row-reverse !important}.sm\:flex-column{flex-direction:column !important}.sm\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 768px){.md\:flex-row{flex-direction:row !important}.md\:flex-row-reverse{flex-direction:row-reverse !important}.md\:flex-column{flex-direction:column !important}.md\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 992px){.lg\:flex-row{flex-direction:row !important}.lg\:flex-row-reverse{flex-direction:row-reverse !important}.lg\:flex-column{flex-direction:column !important}.lg\:flex-column-reverse{flex-direction:column-reverse !important}}@media screen and (min-width: 1200px){.xl\:flex-row{flex-direction:row !important}.xl\:flex-row-reverse{flex-direction:row-reverse !important}.xl\:flex-column{flex-direction:column !important}.xl\:flex-column-reverse{flex-direction:column-reverse !important}}.flex-wrap{flex-wrap:wrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-nowrap{flex-wrap:nowrap !important}@media screen and (min-width: 576px){.sm\:flex-wrap{flex-wrap:wrap !important}.sm\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.sm\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 768px){.md\:flex-wrap{flex-wrap:wrap !important}.md\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.md\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 992px){.lg\:flex-wrap{flex-wrap:wrap !important}.lg\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.lg\:flex-nowrap{flex-wrap:nowrap !important}}@media screen and (min-width: 1200px){.xl\:flex-wrap{flex-wrap:wrap !important}.xl\:flex-wrap-reverse{flex-wrap:wrap-reverse !important}.xl\:flex-nowrap{flex-wrap:nowrap !important}}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.justify-content-evenly{justify-content:space-evenly !important}@media screen and (min-width: 576px){.sm\:justify-content-start{justify-content:flex-start !important}.sm\:justify-content-end{justify-content:flex-end !important}.sm\:justify-content-center{justify-content:center !important}.sm\:justify-content-between{justify-content:space-between !important}.sm\:justify-content-around{justify-content:space-around !important}.sm\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 768px){.md\:justify-content-start{justify-content:flex-start !important}.md\:justify-content-end{justify-content:flex-end !important}.md\:justify-content-center{justify-content:center !important}.md\:justify-content-between{justify-content:space-between !important}.md\:justify-content-around{justify-content:space-around !important}.md\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 992px){.lg\:justify-content-start{justify-content:flex-start !important}.lg\:justify-content-end{justify-content:flex-end !important}.lg\:justify-content-center{justify-content:center !important}.lg\:justify-content-between{justify-content:space-between !important}.lg\:justify-content-around{justify-content:space-around !important}.lg\:justify-content-evenly{justify-content:space-evenly !important}}@media screen and (min-width: 1200px){.xl\:justify-content-start{justify-content:flex-start !important}.xl\:justify-content-end{justify-content:flex-end !important}.xl\:justify-content-center{justify-content:center !important}.xl\:justify-content-between{justify-content:space-between !important}.xl\:justify-content-around{justify-content:space-around !important}.xl\:justify-content-evenly{justify-content:space-evenly !important}}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-evenly{align-content:space-evenly !important}@media screen and (min-width: 576px){.sm\:align-content-start{align-content:flex-start !important}.sm\:align-content-end{align-content:flex-end !important}.sm\:align-content-center{align-content:center !important}.sm\:align-content-between{align-content:space-between !important}.sm\:align-content-around{align-content:space-around !important}.sm\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 768px){.md\:align-content-start{align-content:flex-start !important}.md\:align-content-end{align-content:flex-end !important}.md\:align-content-center{align-content:center !important}.md\:align-content-between{align-content:space-between !important}.md\:align-content-around{align-content:space-around !important}.md\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 992px){.lg\:align-content-start{align-content:flex-start !important}.lg\:align-content-end{align-content:flex-end !important}.lg\:align-content-center{align-content:center !important}.lg\:align-content-between{align-content:space-between !important}.lg\:align-content-around{align-content:space-around !important}.lg\:align-content-evenly{align-content:space-evenly !important}}@media screen and (min-width: 1200px){.xl\:align-content-start{align-content:flex-start !important}.xl\:align-content-end{align-content:flex-end !important}.xl\:align-content-center{align-content:center !important}.xl\:align-content-between{align-content:space-between !important}.xl\:align-content-around{align-content:space-around !important}.xl\:align-content-evenly{align-content:space-evenly !important}}.align-items-stretch{align-items:stretch !important}.align-items-start{align-items:flex-start !important}.align-items-center{align-items:center !important}.align-items-end{align-items:flex-end !important}.align-items-baseline{align-items:baseline !important}@media screen and (min-width: 576px){.sm\:align-items-stretch{align-items:stretch !important}.sm\:align-items-start{align-items:flex-start !important}.sm\:align-items-center{align-items:center !important}.sm\:align-items-end{align-items:flex-end !important}.sm\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 768px){.md\:align-items-stretch{align-items:stretch !important}.md\:align-items-start{align-items:flex-start !important}.md\:align-items-center{align-items:center !important}.md\:align-items-end{align-items:flex-end !important}.md\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 992px){.lg\:align-items-stretch{align-items:stretch !important}.lg\:align-items-start{align-items:flex-start !important}.lg\:align-items-center{align-items:center !important}.lg\:align-items-end{align-items:flex-end !important}.lg\:align-items-baseline{align-items:baseline !important}}@media screen and (min-width: 1200px){.xl\:align-items-stretch{align-items:stretch !important}.xl\:align-items-start{align-items:flex-start !important}.xl\:align-items-center{align-items:center !important}.xl\:align-items-end{align-items:flex-end !important}.xl\:align-items-baseline{align-items:baseline !important}}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-stretch{align-self:stretch !important}.align-self-baseline{align-self:baseline !important}@media screen and (min-width: 576px){.sm\:align-self-auto{align-self:auto !important}.sm\:align-self-start{align-self:flex-start !important}.sm\:align-self-end{align-self:flex-end !important}.sm\:align-self-center{align-self:center !important}.sm\:align-self-stretch{align-self:stretch !important}.sm\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 768px){.md\:align-self-auto{align-self:auto !important}.md\:align-self-start{align-self:flex-start !important}.md\:align-self-end{align-self:flex-end !important}.md\:align-self-center{align-self:center !important}.md\:align-self-stretch{align-self:stretch !important}.md\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 992px){.lg\:align-self-auto{align-self:auto !important}.lg\:align-self-start{align-self:flex-start !important}.lg\:align-self-end{align-self:flex-end !important}.lg\:align-self-center{align-self:center !important}.lg\:align-self-stretch{align-self:stretch !important}.lg\:align-self-baseline{align-self:baseline !important}}@media screen and (min-width: 1200px){.xl\:align-self-auto{align-self:auto !important}.xl\:align-self-start{align-self:flex-start !important}.xl\:align-self-end{align-self:flex-end !important}.xl\:align-self-center{align-self:center !important}.xl\:align-self-stretch{align-self:stretch !important}.xl\:align-self-baseline{align-self:baseline !important}}.flex-order-0{order:0 !important}.flex-order-1{order:1 !important}.flex-order-2{order:2 !important}.flex-order-3{order:3 !important}.flex-order-4{order:4 !important}.flex-order-5{order:5 !important}.flex-order-6{order:6 !important}@media screen and (min-width: 576px){.sm\:flex-order-0{order:0 !important}.sm\:flex-order-1{order:1 !important}.sm\:flex-order-2{order:2 !important}.sm\:flex-order-3{order:3 !important}.sm\:flex-order-4{order:4 !important}.sm\:flex-order-5{order:5 !important}.sm\:flex-order-6{order:6 !important}}@media screen and (min-width: 768px){.md\:flex-order-0{order:0 !important}.md\:flex-order-1{order:1 !important}.md\:flex-order-2{order:2 !important}.md\:flex-order-3{order:3 !important}.md\:flex-order-4{order:4 !important}.md\:flex-order-5{order:5 !important}.md\:flex-order-6{order:6 !important}}@media screen and (min-width: 992px){.lg\:flex-order-0{order:0 !important}.lg\:flex-order-1{order:1 !important}.lg\:flex-order-2{order:2 !important}.lg\:flex-order-3{order:3 !important}.lg\:flex-order-4{order:4 !important}.lg\:flex-order-5{order:5 !important}.lg\:flex-order-6{order:6 !important}}@media screen and (min-width: 1200px){.xl\:flex-order-0{order:0 !important}.xl\:flex-order-1{order:1 !important}.xl\:flex-order-2{order:2 !important}.xl\:flex-order-3{order:3 !important}.xl\:flex-order-4{order:4 !important}.xl\:flex-order-5{order:5 !important}.xl\:flex-order-6{order:6 !important}}.flex-1{flex:1 1 0% !important}.flex-auto{flex:1 1 auto !important}.flex-initial{flex:0 1 auto !important}.flex-none{flex:none !important}@media screen and (min-width: 576px){.sm\:flex-1{flex:1 1 0% !important}.sm\:flex-auto{flex:1 1 auto !important}.sm\:flex-initial{flex:0 1 auto !important}.sm\:flex-none{flex:none !important}}@media screen and (min-width: 768px){.md\:flex-1{flex:1 1 0% !important}.md\:flex-auto{flex:1 1 auto !important}.md\:flex-initial{flex:0 1 auto !important}.md\:flex-none{flex:none !important}}@media screen and (min-width: 992px){.lg\:flex-1{flex:1 1 0% !important}.lg\:flex-auto{flex:1 1 auto !important}.lg\:flex-initial{flex:0 1 auto !important}.lg\:flex-none{flex:none !important}}@media screen and (min-width: 1200px){.xl\:flex-1{flex:1 1 0% !important}.xl\:flex-auto{flex:1 1 auto !important}.xl\:flex-initial{flex:0 1 auto !important}.xl\:flex-none{flex:none !important}}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}@media screen and (min-width: 576px){.sm\:flex-grow-0{flex-grow:0 !important}.sm\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 768px){.md\:flex-grow-0{flex-grow:0 !important}.md\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 992px){.lg\:flex-grow-0{flex-grow:0 !important}.lg\:flex-grow-1{flex-grow:1 !important}}@media screen and (min-width: 1200px){.xl\:flex-grow-0{flex-grow:0 !important}.xl\:flex-grow-1{flex-grow:1 !important}}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}@media screen and (min-width: 576px){.sm\:flex-shrink-0{flex-shrink:0 !important}.sm\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 768px){.md\:flex-shrink-0{flex-shrink:0 !important}.md\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 992px){.lg\:flex-shrink-0{flex-shrink:0 !important}.lg\:flex-shrink-1{flex-shrink:1 !important}}@media screen and (min-width: 1200px){.xl\:flex-shrink-0{flex-shrink:0 !important}.xl\:flex-shrink-1{flex-shrink:1 !important}}.gap-0{gap:0rem !important}.gap-1{gap:.25rem !important}.gap-2{gap:.5rem !important}.gap-3{gap:1rem !important}.gap-4{gap:1.5rem !important}.gap-5{gap:2rem !important}.gap-6{gap:3rem !important}.gap-7{gap:4rem !important}.gap-8{gap:5rem !important}.row-gap-0{row-gap:0rem !important}.row-gap-1{row-gap:.25rem !important}.row-gap-2{row-gap:.5rem !important}.row-gap-3{row-gap:1rem !important}.row-gap-4{row-gap:1.5rem !important}.row-gap-5{row-gap:2rem !important}.row-gap-6{row-gap:3rem !important}.row-gap-7{row-gap:4rem !important}.row-gap-8{row-gap:5rem !important}.column-gap-0{column-gap:0rem !important}.column-gap-1{column-gap:.25rem !important}.column-gap-2{column-gap:.5rem !important}.column-gap-3{column-gap:1rem !important}.column-gap-4{column-gap:1.5rem !important}.column-gap-5{column-gap:2rem !important}.column-gap-6{column-gap:3rem !important}.column-gap-7{column-gap:4rem !important}.column-gap-8{column-gap:5rem !important}@media screen and (min-width: 576px){.sm\:gap-0{gap:0rem !important}.sm\:gap-1{gap:.25rem !important}.sm\:gap-2{gap:.5rem !important}.sm\:gap-3{gap:1rem !important}.sm\:gap-4{gap:1.5rem !important}.sm\:gap-5{gap:2rem !important}.sm\:gap-6{gap:3rem !important}.sm\:gap-7{gap:4rem !important}.sm\:gap-8{gap:5rem !important}.sm\:row-gap-0{row-gap:0rem !important}.sm\:row-gap-1{row-gap:.25rem !important}.sm\:row-gap-2{row-gap:.5rem !important}.sm\:row-gap-3{row-gap:1rem !important}.sm\:row-gap-4{row-gap:1.5rem !important}.sm\:row-gap-5{row-gap:2rem !important}.sm\:row-gap-6{row-gap:3rem !important}.sm\:row-gap-7{row-gap:4rem !important}.sm\:row-gap-8{row-gap:5rem !important}.sm\:column-gap-0{column-gap:0rem !important}.sm\:column-gap-1{column-gap:.25rem !important}.sm\:column-gap-2{column-gap:.5rem !important}.sm\:column-gap-3{column-gap:1rem !important}.sm\:column-gap-4{column-gap:1.5rem !important}.sm\:column-gap-5{column-gap:2rem !important}.sm\:column-gap-6{column-gap:3rem !important}.sm\:column-gap-7{column-gap:4rem !important}.sm\:column-gap-8{column-gap:5rem !important}}@media screen and (min-width: 768px){.md\:gap-0{gap:0rem !important}.md\:gap-1{gap:.25rem !important}.md\:gap-2{gap:.5rem !important}.md\:gap-3{gap:1rem !important}.md\:gap-4{gap:1.5rem !important}.md\:gap-5{gap:2rem !important}.md\:gap-6{gap:3rem !important}.md\:gap-7{gap:4rem !important}.md\:gap-8{gap:5rem !important}.md\:row-gap-0{row-gap:0rem !important}.md\:row-gap-1{row-gap:.25rem !important}.md\:row-gap-2{row-gap:.5rem !important}.md\:row-gap-3{row-gap:1rem !important}.md\:row-gap-4{row-gap:1.5rem !important}.md\:row-gap-5{row-gap:2rem !important}.md\:row-gap-6{row-gap:3rem !important}.md\:row-gap-7{row-gap:4rem !important}.md\:row-gap-8{row-gap:5rem !important}.md\:column-gap-0{column-gap:0rem !important}.md\:column-gap-1{column-gap:.25rem !important}.md\:column-gap-2{column-gap:.5rem !important}.md\:column-gap-3{column-gap:1rem !important}.md\:column-gap-4{column-gap:1.5rem !important}.md\:column-gap-5{column-gap:2rem !important}.md\:column-gap-6{column-gap:3rem !important}.md\:column-gap-7{column-gap:4rem !important}.md\:column-gap-8{column-gap:5rem !important}}@media screen and (min-width: 992px){.lg\:gap-0{gap:0rem !important}.lg\:gap-1{gap:.25rem !important}.lg\:gap-2{gap:.5rem !important}.lg\:gap-3{gap:1rem !important}.lg\:gap-4{gap:1.5rem !important}.lg\:gap-5{gap:2rem !important}.lg\:gap-6{gap:3rem !important}.lg\:gap-7{gap:4rem !important}.lg\:gap-8{gap:5rem !important}.lg\:row-gap-0{row-gap:0rem !important}.lg\:row-gap-1{row-gap:.25rem !important}.lg\:row-gap-2{row-gap:.5rem !important}.lg\:row-gap-3{row-gap:1rem !important}.lg\:row-gap-4{row-gap:1.5rem !important}.lg\:row-gap-5{row-gap:2rem !important}.lg\:row-gap-6{row-gap:3rem !important}.lg\:row-gap-7{row-gap:4rem !important}.lg\:row-gap-8{row-gap:5rem !important}.lg\:column-gap-0{column-gap:0rem !important}.lg\:column-gap-1{column-gap:.25rem !important}.lg\:column-gap-2{column-gap:.5rem !important}.lg\:column-gap-3{column-gap:1rem !important}.lg\:column-gap-4{column-gap:1.5rem !important}.lg\:column-gap-5{column-gap:2rem !important}.lg\:column-gap-6{column-gap:3rem !important}.lg\:column-gap-7{column-gap:4rem !important}.lg\:column-gap-8{column-gap:5rem !important}}@media screen and (min-width: 1200px){.xl\:gap-0{gap:0rem !important}.xl\:gap-1{gap:.25rem !important}.xl\:gap-2{gap:.5rem !important}.xl\:gap-3{gap:1rem !important}.xl\:gap-4{gap:1.5rem !important}.xl\:gap-5{gap:2rem !important}.xl\:gap-6{gap:3rem !important}.xl\:gap-7{gap:4rem !important}.xl\:gap-8{gap:5rem !important}.xl\:row-gap-0{row-gap:0rem !important}.xl\:row-gap-1{row-gap:.25rem !important}.xl\:row-gap-2{row-gap:.5rem !important}.xl\:row-gap-3{row-gap:1rem !important}.xl\:row-gap-4{row-gap:1.5rem !important}.xl\:row-gap-5{row-gap:2rem !important}.xl\:row-gap-6{row-gap:3rem !important}.xl\:row-gap-7{row-gap:4rem !important}.xl\:row-gap-8{row-gap:5rem !important}.xl\:column-gap-0{column-gap:0rem !important}.xl\:column-gap-1{column-gap:.25rem !important}.xl\:column-gap-2{column-gap:.5rem !important}.xl\:column-gap-3{column-gap:1rem !important}.xl\:column-gap-4{column-gap:1.5rem !important}.xl\:column-gap-5{column-gap:2rem !important}.xl\:column-gap-6{column-gap:3rem !important}.xl\:column-gap-7{column-gap:4rem !important}.xl\:column-gap-8{column-gap:5rem !important}}.p-0{padding:0rem !important}.p-1{padding:.25rem !important}.p-2{padding:.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:2rem !important}.p-6{padding:3rem !important}.p-7{padding:4rem !important}.p-8{padding:5rem !important}.pt-0{padding-top:0rem !important}.pt-1{padding-top:.25rem !important}.pt-2{padding-top:.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:2rem !important}.pt-6{padding-top:3rem !important}.pt-7{padding-top:4rem !important}.pt-8{padding-top:5rem !important}.pr-0{padding-right:0rem !important}.pr-1{padding-right:.25rem !important}.pr-2{padding-right:.5rem !important}.pr-3{padding-right:1rem !important}.pr-4{padding-right:1.5rem !important}.pr-5{padding-right:2rem !important}.pr-6{padding-right:3rem !important}.pr-7{padding-right:4rem !important}.pr-8{padding-right:5rem !important}.pl-0{padding-left:0rem !important}.pl-1{padding-left:.25rem !important}.pl-2{padding-left:.5rem !important}.pl-3{padding-left:1rem !important}.pl-4{padding-left:1.5rem !important}.pl-5{padding-left:2rem !important}.pl-6{padding-left:3rem !important}.pl-7{padding-left:4rem !important}.pl-8{padding-left:5rem !important}.pb-0{padding-bottom:0rem !important}.pb-1{padding-bottom:.25rem !important}.pb-2{padding-bottom:.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:2rem !important}.pb-6{padding-bottom:3rem !important}.pb-7{padding-bottom:4rem !important}.pb-8{padding-bottom:5rem !important}.px-0{padding-left:0rem !important;padding-right:0rem !important}.px-1{padding-left:.25rem !important;padding-right:.25rem !important}.px-2{padding-left:.5rem !important;padding-right:.5rem !important}.px-3{padding-left:1rem !important;padding-right:1rem !important}.px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.px-5{padding-left:2rem !important;padding-right:2rem !important}.px-6{padding-left:3rem !important;padding-right:3rem !important}.px-7{padding-left:4rem !important;padding-right:4rem !important}.px-8{padding-left:5rem !important;padding-right:5rem !important}.py-0{padding-top:0rem !important;padding-bottom:0rem !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:2rem !important;padding-bottom:2rem !important}.py-6{padding-top:3rem !important;padding-bottom:3rem !important}.py-7{padding-top:4rem !important;padding-bottom:4rem !important}.py-8{padding-top:5rem !important;padding-bottom:5rem !important}@media screen and (min-width: 576px){.sm\:p-0{padding:0rem !important}.sm\:p-1{padding:.25rem !important}.sm\:p-2{padding:.5rem !important}.sm\:p-3{padding:1rem !important}.sm\:p-4{padding:1.5rem !important}.sm\:p-5{padding:2rem !important}.sm\:p-6{padding:3rem !important}.sm\:p-7{padding:4rem !important}.sm\:p-8{padding:5rem !important}.sm\:pt-0{padding-top:0rem !important}.sm\:pt-1{padding-top:.25rem !important}.sm\:pt-2{padding-top:.5rem !important}.sm\:pt-3{padding-top:1rem !important}.sm\:pt-4{padding-top:1.5rem !important}.sm\:pt-5{padding-top:2rem !important}.sm\:pt-6{padding-top:3rem !important}.sm\:pt-7{padding-top:4rem !important}.sm\:pt-8{padding-top:5rem !important}.sm\:pr-0{padding-right:0rem !important}.sm\:pr-1{padding-right:.25rem !important}.sm\:pr-2{padding-right:.5rem !important}.sm\:pr-3{padding-right:1rem !important}.sm\:pr-4{padding-right:1.5rem !important}.sm\:pr-5{padding-right:2rem !important}.sm\:pr-6{padding-right:3rem !important}.sm\:pr-7{padding-right:4rem !important}.sm\:pr-8{padding-right:5rem !important}.sm\:pl-0{padding-left:0rem !important}.sm\:pl-1{padding-left:.25rem !important}.sm\:pl-2{padding-left:.5rem !important}.sm\:pl-3{padding-left:1rem !important}.sm\:pl-4{padding-left:1.5rem !important}.sm\:pl-5{padding-left:2rem !important}.sm\:pl-6{padding-left:3rem !important}.sm\:pl-7{padding-left:4rem !important}.sm\:pl-8{padding-left:5rem !important}.sm\:pb-0{padding-bottom:0rem !important}.sm\:pb-1{padding-bottom:.25rem !important}.sm\:pb-2{padding-bottom:.5rem !important}.sm\:pb-3{padding-bottom:1rem !important}.sm\:pb-4{padding-bottom:1.5rem !important}.sm\:pb-5{padding-bottom:2rem !important}.sm\:pb-6{padding-bottom:3rem !important}.sm\:pb-7{padding-bottom:4rem !important}.sm\:pb-8{padding-bottom:5rem !important}.sm\:px-0{padding-left:0rem !important;padding-right:0rem !important}.sm\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.sm\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.sm\:px-3{padding-left:1rem !important;padding-right:1rem !important}.sm\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.sm\:px-5{padding-left:2rem !important;padding-right:2rem !important}.sm\:px-6{padding-left:3rem !important;padding-right:3rem !important}.sm\:px-7{padding-left:4rem !important;padding-right:4rem !important}.sm\:px-8{padding-left:5rem !important;padding-right:5rem !important}.sm\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.sm\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.sm\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.sm\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.sm\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.sm\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.sm\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.sm\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.sm\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 768px){.md\:p-0{padding:0rem !important}.md\:p-1{padding:.25rem !important}.md\:p-2{padding:.5rem !important}.md\:p-3{padding:1rem !important}.md\:p-4{padding:1.5rem !important}.md\:p-5{padding:2rem !important}.md\:p-6{padding:3rem !important}.md\:p-7{padding:4rem !important}.md\:p-8{padding:5rem !important}.md\:pt-0{padding-top:0rem !important}.md\:pt-1{padding-top:.25rem !important}.md\:pt-2{padding-top:.5rem !important}.md\:pt-3{padding-top:1rem !important}.md\:pt-4{padding-top:1.5rem !important}.md\:pt-5{padding-top:2rem !important}.md\:pt-6{padding-top:3rem !important}.md\:pt-7{padding-top:4rem !important}.md\:pt-8{padding-top:5rem !important}.md\:pr-0{padding-right:0rem !important}.md\:pr-1{padding-right:.25rem !important}.md\:pr-2{padding-right:.5rem !important}.md\:pr-3{padding-right:1rem !important}.md\:pr-4{padding-right:1.5rem !important}.md\:pr-5{padding-right:2rem !important}.md\:pr-6{padding-right:3rem !important}.md\:pr-7{padding-right:4rem !important}.md\:pr-8{padding-right:5rem !important}.md\:pl-0{padding-left:0rem !important}.md\:pl-1{padding-left:.25rem !important}.md\:pl-2{padding-left:.5rem !important}.md\:pl-3{padding-left:1rem !important}.md\:pl-4{padding-left:1.5rem !important}.md\:pl-5{padding-left:2rem !important}.md\:pl-6{padding-left:3rem !important}.md\:pl-7{padding-left:4rem !important}.md\:pl-8{padding-left:5rem !important}.md\:pb-0{padding-bottom:0rem !important}.md\:pb-1{padding-bottom:.25rem !important}.md\:pb-2{padding-bottom:.5rem !important}.md\:pb-3{padding-bottom:1rem !important}.md\:pb-4{padding-bottom:1.5rem !important}.md\:pb-5{padding-bottom:2rem !important}.md\:pb-6{padding-bottom:3rem !important}.md\:pb-7{padding-bottom:4rem !important}.md\:pb-8{padding-bottom:5rem !important}.md\:px-0{padding-left:0rem !important;padding-right:0rem !important}.md\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.md\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.md\:px-3{padding-left:1rem !important;padding-right:1rem !important}.md\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.md\:px-5{padding-left:2rem !important;padding-right:2rem !important}.md\:px-6{padding-left:3rem !important;padding-right:3rem !important}.md\:px-7{padding-left:4rem !important;padding-right:4rem !important}.md\:px-8{padding-left:5rem !important;padding-right:5rem !important}.md\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.md\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.md\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.md\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.md\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.md\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.md\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.md\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.md\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 992px){.lg\:p-0{padding:0rem !important}.lg\:p-1{padding:.25rem !important}.lg\:p-2{padding:.5rem !important}.lg\:p-3{padding:1rem !important}.lg\:p-4{padding:1.5rem !important}.lg\:p-5{padding:2rem !important}.lg\:p-6{padding:3rem !important}.lg\:p-7{padding:4rem !important}.lg\:p-8{padding:5rem !important}.lg\:pt-0{padding-top:0rem !important}.lg\:pt-1{padding-top:.25rem !important}.lg\:pt-2{padding-top:.5rem !important}.lg\:pt-3{padding-top:1rem !important}.lg\:pt-4{padding-top:1.5rem !important}.lg\:pt-5{padding-top:2rem !important}.lg\:pt-6{padding-top:3rem !important}.lg\:pt-7{padding-top:4rem !important}.lg\:pt-8{padding-top:5rem !important}.lg\:pr-0{padding-right:0rem !important}.lg\:pr-1{padding-right:.25rem !important}.lg\:pr-2{padding-right:.5rem !important}.lg\:pr-3{padding-right:1rem !important}.lg\:pr-4{padding-right:1.5rem !important}.lg\:pr-5{padding-right:2rem !important}.lg\:pr-6{padding-right:3rem !important}.lg\:pr-7{padding-right:4rem !important}.lg\:pr-8{padding-right:5rem !important}.lg\:pl-0{padding-left:0rem !important}.lg\:pl-1{padding-left:.25rem !important}.lg\:pl-2{padding-left:.5rem !important}.lg\:pl-3{padding-left:1rem !important}.lg\:pl-4{padding-left:1.5rem !important}.lg\:pl-5{padding-left:2rem !important}.lg\:pl-6{padding-left:3rem !important}.lg\:pl-7{padding-left:4rem !important}.lg\:pl-8{padding-left:5rem !important}.lg\:pb-0{padding-bottom:0rem !important}.lg\:pb-1{padding-bottom:.25rem !important}.lg\:pb-2{padding-bottom:.5rem !important}.lg\:pb-3{padding-bottom:1rem !important}.lg\:pb-4{padding-bottom:1.5rem !important}.lg\:pb-5{padding-bottom:2rem !important}.lg\:pb-6{padding-bottom:3rem !important}.lg\:pb-7{padding-bottom:4rem !important}.lg\:pb-8{padding-bottom:5rem !important}.lg\:px-0{padding-left:0rem !important;padding-right:0rem !important}.lg\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.lg\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.lg\:px-3{padding-left:1rem !important;padding-right:1rem !important}.lg\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.lg\:px-5{padding-left:2rem !important;padding-right:2rem !important}.lg\:px-6{padding-left:3rem !important;padding-right:3rem !important}.lg\:px-7{padding-left:4rem !important;padding-right:4rem !important}.lg\:px-8{padding-left:5rem !important;padding-right:5rem !important}.lg\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.lg\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.lg\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.lg\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.lg\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.lg\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.lg\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.lg\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.lg\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}@media screen and (min-width: 1200px){.xl\:p-0{padding:0rem !important}.xl\:p-1{padding:.25rem !important}.xl\:p-2{padding:.5rem !important}.xl\:p-3{padding:1rem !important}.xl\:p-4{padding:1.5rem !important}.xl\:p-5{padding:2rem !important}.xl\:p-6{padding:3rem !important}.xl\:p-7{padding:4rem !important}.xl\:p-8{padding:5rem !important}.xl\:pt-0{padding-top:0rem !important}.xl\:pt-1{padding-top:.25rem !important}.xl\:pt-2{padding-top:.5rem !important}.xl\:pt-3{padding-top:1rem !important}.xl\:pt-4{padding-top:1.5rem !important}.xl\:pt-5{padding-top:2rem !important}.xl\:pt-6{padding-top:3rem !important}.xl\:pt-7{padding-top:4rem !important}.xl\:pt-8{padding-top:5rem !important}.xl\:pr-0{padding-right:0rem !important}.xl\:pr-1{padding-right:.25rem !important}.xl\:pr-2{padding-right:.5rem !important}.xl\:pr-3{padding-right:1rem !important}.xl\:pr-4{padding-right:1.5rem !important}.xl\:pr-5{padding-right:2rem !important}.xl\:pr-6{padding-right:3rem !important}.xl\:pr-7{padding-right:4rem !important}.xl\:pr-8{padding-right:5rem !important}.xl\:pl-0{padding-left:0rem !important}.xl\:pl-1{padding-left:.25rem !important}.xl\:pl-2{padding-left:.5rem !important}.xl\:pl-3{padding-left:1rem !important}.xl\:pl-4{padding-left:1.5rem !important}.xl\:pl-5{padding-left:2rem !important}.xl\:pl-6{padding-left:3rem !important}.xl\:pl-7{padding-left:4rem !important}.xl\:pl-8{padding-left:5rem !important}.xl\:pb-0{padding-bottom:0rem !important}.xl\:pb-1{padding-bottom:.25rem !important}.xl\:pb-2{padding-bottom:.5rem !important}.xl\:pb-3{padding-bottom:1rem !important}.xl\:pb-4{padding-bottom:1.5rem !important}.xl\:pb-5{padding-bottom:2rem !important}.xl\:pb-6{padding-bottom:3rem !important}.xl\:pb-7{padding-bottom:4rem !important}.xl\:pb-8{padding-bottom:5rem !important}.xl\:px-0{padding-left:0rem !important;padding-right:0rem !important}.xl\:px-1{padding-left:.25rem !important;padding-right:.25rem !important}.xl\:px-2{padding-left:.5rem !important;padding-right:.5rem !important}.xl\:px-3{padding-left:1rem !important;padding-right:1rem !important}.xl\:px-4{padding-left:1.5rem !important;padding-right:1.5rem !important}.xl\:px-5{padding-left:2rem !important;padding-right:2rem !important}.xl\:px-6{padding-left:3rem !important;padding-right:3rem !important}.xl\:px-7{padding-left:4rem !important;padding-right:4rem !important}.xl\:px-8{padding-left:5rem !important;padding-right:5rem !important}.xl\:py-0{padding-top:0rem !important;padding-bottom:0rem !important}.xl\:py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.xl\:py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.xl\:py-3{padding-top:1rem !important;padding-bottom:1rem !important}.xl\:py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.xl\:py-5{padding-top:2rem !important;padding-bottom:2rem !important}.xl\:py-6{padding-top:3rem !important;padding-bottom:3rem !important}.xl\:py-7{padding-top:4rem !important;padding-bottom:4rem !important}.xl\:py-8{padding-top:5rem !important;padding-bottom:5rem !important}}.m-0{margin:0rem !important}.m-1{margin:.25rem !important}.m-2{margin:.5rem !important}.m-3{margin:1rem !important}.m-4{margin:1.5rem !important}.m-5{margin:2rem !important}.m-6{margin:3rem !important}.m-7{margin:4rem !important}.m-8{margin:5rem !important}.-m-1{margin:-0.25rem !important}.-m-2{margin:-0.5rem !important}.-m-3{margin:-1rem !important}.-m-4{margin:-1.5rem !important}.-m-5{margin:-2rem !important}.-m-6{margin:-3rem !important}.-m-7{margin:-4rem !important}.-m-8{margin:-5rem !important}.m-auto{margin:auto !important}.mt-0{margin-top:0rem !important}.mt-1{margin-top:.25rem !important}.mt-2{margin-top:.5rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:2rem !important}.mt-6{margin-top:3rem !important}.mt-7{margin-top:4rem !important}.mt-8{margin-top:5rem !important}.-mt-1{margin-top:-0.25rem !important}.-mt-2{margin-top:-0.5rem !important}.-mt-3{margin-top:-1rem !important}.-mt-4{margin-top:-1.5rem !important}.-mt-5{margin-top:-2rem !important}.-mt-6{margin-top:-3rem !important}.-mt-7{margin-top:-4rem !important}.-mt-8{margin-top:-5rem !important}.mt-auto{margin-top:auto !important}.mr-0{margin-right:0rem !important}.mr-1{margin-right:.25rem !important}.mr-2{margin-right:.5rem !important}.mr-3{margin-right:1rem !important}.mr-4{margin-right:1.5rem !important}.mr-5{margin-right:2rem !important}.mr-6{margin-right:3rem !important}.mr-7{margin-right:4rem !important}.mr-8{margin-right:5rem !important}.-mr-1{margin-right:-0.25rem !important}.-mr-2{margin-right:-0.5rem !important}.-mr-3{margin-right:-1rem !important}.-mr-4{margin-right:-1.5rem !important}.-mr-5{margin-right:-2rem !important}.-mr-6{margin-right:-3rem !important}.-mr-7{margin-right:-4rem !important}.-mr-8{margin-right:-5rem !important}.mr-auto{margin-right:auto !important}.ml-0{margin-left:0rem !important}.ml-1{margin-left:.25rem !important}.ml-2{margin-left:.5rem !important}.ml-3{margin-left:1rem !important}.ml-4{margin-left:1.5rem !important}.ml-5{margin-left:2rem !important}.ml-6{margin-left:3rem !important}.ml-7{margin-left:4rem !important}.ml-8{margin-left:5rem !important}.-ml-1{margin-left:-0.25rem !important}.-ml-2{margin-left:-0.5rem !important}.-ml-3{margin-left:-1rem !important}.-ml-4{margin-left:-1.5rem !important}.-ml-5{margin-left:-2rem !important}.-ml-6{margin-left:-3rem !important}.-ml-7{margin-left:-4rem !important}.-ml-8{margin-left:-5rem !important}.ml-auto{margin-left:auto !important}.mb-0{margin-bottom:0rem !important}.mb-1{margin-bottom:.25rem !important}.mb-2{margin-bottom:.5rem !important}.mb-3{margin-bottom:1rem !important}.mb-4{margin-bottom:1.5rem !important}.mb-5{margin-bottom:2rem !important}.mb-6{margin-bottom:3rem !important}.mb-7{margin-bottom:4rem !important}.mb-8{margin-bottom:5rem !important}.-mb-1{margin-bottom:-0.25rem !important}.-mb-2{margin-bottom:-0.5rem !important}.-mb-3{margin-bottom:-1rem !important}.-mb-4{margin-bottom:-1.5rem !important}.-mb-5{margin-bottom:-2rem !important}.-mb-6{margin-bottom:-3rem !important}.-mb-7{margin-bottom:-4rem !important}.-mb-8{margin-bottom:-5rem !important}.mb-auto{margin-bottom:auto !important}.mx-0{margin-left:0rem !important;margin-right:0rem !important}.mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.mx-3{margin-left:1rem !important;margin-right:1rem !important}.mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.mx-5{margin-left:2rem !important;margin-right:2rem !important}.mx-6{margin-left:3rem !important;margin-right:3rem !important}.mx-7{margin-left:4rem !important;margin-right:4rem !important}.mx-8{margin-left:5rem !important;margin-right:5rem !important}.-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.mx-auto{margin-left:auto !important;margin-right:auto !important}.my-0{margin-top:0rem !important;margin-bottom:0rem !important}.my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.my-3{margin-top:1rem !important;margin-bottom:1rem !important}.my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.my-5{margin-top:2rem !important;margin-bottom:2rem !important}.my-6{margin-top:3rem !important;margin-bottom:3rem !important}.my-7{margin-top:4rem !important;margin-bottom:4rem !important}.my-8{margin-top:5rem !important;margin-bottom:5rem !important}.-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.my-auto{margin-top:auto !important;margin-bottom:auto !important}@media screen and (min-width: 576px){.sm\:m-0{margin:0rem !important}.sm\:m-1{margin:.25rem !important}.sm\:m-2{margin:.5rem !important}.sm\:m-3{margin:1rem !important}.sm\:m-4{margin:1.5rem !important}.sm\:m-5{margin:2rem !important}.sm\:m-6{margin:3rem !important}.sm\:m-7{margin:4rem !important}.sm\:m-8{margin:5rem !important}.sm\:-m-1{margin:-0.25rem !important}.sm\:-m-2{margin:-0.5rem !important}.sm\:-m-3{margin:-1rem !important}.sm\:-m-4{margin:-1.5rem !important}.sm\:-m-5{margin:-2rem !important}.sm\:-m-6{margin:-3rem !important}.sm\:-m-7{margin:-4rem !important}.sm\:-m-8{margin:-5rem !important}.sm\:m-auto{margin:auto !important}.sm\:mt-0{margin-top:0rem !important}.sm\:mt-1{margin-top:.25rem !important}.sm\:mt-2{margin-top:.5rem !important}.sm\:mt-3{margin-top:1rem !important}.sm\:mt-4{margin-top:1.5rem !important}.sm\:mt-5{margin-top:2rem !important}.sm\:mt-6{margin-top:3rem !important}.sm\:mt-7{margin-top:4rem !important}.sm\:mt-8{margin-top:5rem !important}.sm\:-mt-1{margin-top:-0.25rem !important}.sm\:-mt-2{margin-top:-0.5rem !important}.sm\:-mt-3{margin-top:-1rem !important}.sm\:-mt-4{margin-top:-1.5rem !important}.sm\:-mt-5{margin-top:-2rem !important}.sm\:-mt-6{margin-top:-3rem !important}.sm\:-mt-7{margin-top:-4rem !important}.sm\:-mt-8{margin-top:-5rem !important}.sm\:mt-auto{margin-top:auto !important}.sm\:mr-0{margin-right:0rem !important}.sm\:mr-1{margin-right:.25rem !important}.sm\:mr-2{margin-right:.5rem !important}.sm\:mr-3{margin-right:1rem !important}.sm\:mr-4{margin-right:1.5rem !important}.sm\:mr-5{margin-right:2rem !important}.sm\:mr-6{margin-right:3rem !important}.sm\:mr-7{margin-right:4rem !important}.sm\:mr-8{margin-right:5rem !important}.sm\:-mr-1{margin-right:-0.25rem !important}.sm\:-mr-2{margin-right:-0.5rem !important}.sm\:-mr-3{margin-right:-1rem !important}.sm\:-mr-4{margin-right:-1.5rem !important}.sm\:-mr-5{margin-right:-2rem !important}.sm\:-mr-6{margin-right:-3rem !important}.sm\:-mr-7{margin-right:-4rem !important}.sm\:-mr-8{margin-right:-5rem !important}.sm\:mr-auto{margin-right:auto !important}.sm\:ml-0{margin-left:0rem !important}.sm\:ml-1{margin-left:.25rem !important}.sm\:ml-2{margin-left:.5rem !important}.sm\:ml-3{margin-left:1rem !important}.sm\:ml-4{margin-left:1.5rem !important}.sm\:ml-5{margin-left:2rem !important}.sm\:ml-6{margin-left:3rem !important}.sm\:ml-7{margin-left:4rem !important}.sm\:ml-8{margin-left:5rem !important}.sm\:-ml-1{margin-left:-0.25rem !important}.sm\:-ml-2{margin-left:-0.5rem !important}.sm\:-ml-3{margin-left:-1rem !important}.sm\:-ml-4{margin-left:-1.5rem !important}.sm\:-ml-5{margin-left:-2rem !important}.sm\:-ml-6{margin-left:-3rem !important}.sm\:-ml-7{margin-left:-4rem !important}.sm\:-ml-8{margin-left:-5rem !important}.sm\:ml-auto{margin-left:auto !important}.sm\:mb-0{margin-bottom:0rem !important}.sm\:mb-1{margin-bottom:.25rem !important}.sm\:mb-2{margin-bottom:.5rem !important}.sm\:mb-3{margin-bottom:1rem !important}.sm\:mb-4{margin-bottom:1.5rem !important}.sm\:mb-5{margin-bottom:2rem !important}.sm\:mb-6{margin-bottom:3rem !important}.sm\:mb-7{margin-bottom:4rem !important}.sm\:mb-8{margin-bottom:5rem !important}.sm\:-mb-1{margin-bottom:-0.25rem !important}.sm\:-mb-2{margin-bottom:-0.5rem !important}.sm\:-mb-3{margin-bottom:-1rem !important}.sm\:-mb-4{margin-bottom:-1.5rem !important}.sm\:-mb-5{margin-bottom:-2rem !important}.sm\:-mb-6{margin-bottom:-3rem !important}.sm\:-mb-7{margin-bottom:-4rem !important}.sm\:-mb-8{margin-bottom:-5rem !important}.sm\:mb-auto{margin-bottom:auto !important}.sm\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.sm\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.sm\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.sm\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.sm\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.sm\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.sm\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.sm\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.sm\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.sm\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.sm\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.sm\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.sm\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.sm\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.sm\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.sm\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.sm\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.sm\:mx-auto{margin-left:auto !important;margin-right:auto !important}.sm\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.sm\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.sm\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.sm\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.sm\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.sm\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.sm\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.sm\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.sm\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.sm\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.sm\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.sm\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.sm\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.sm\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.sm\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.sm\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.sm\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.sm\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 768px){.md\:m-0{margin:0rem !important}.md\:m-1{margin:.25rem !important}.md\:m-2{margin:.5rem !important}.md\:m-3{margin:1rem !important}.md\:m-4{margin:1.5rem !important}.md\:m-5{margin:2rem !important}.md\:m-6{margin:3rem !important}.md\:m-7{margin:4rem !important}.md\:m-8{margin:5rem !important}.md\:-m-1{margin:-0.25rem !important}.md\:-m-2{margin:-0.5rem !important}.md\:-m-3{margin:-1rem !important}.md\:-m-4{margin:-1.5rem !important}.md\:-m-5{margin:-2rem !important}.md\:-m-6{margin:-3rem !important}.md\:-m-7{margin:-4rem !important}.md\:-m-8{margin:-5rem !important}.md\:m-auto{margin:auto !important}.md\:mt-0{margin-top:0rem !important}.md\:mt-1{margin-top:.25rem !important}.md\:mt-2{margin-top:.5rem !important}.md\:mt-3{margin-top:1rem !important}.md\:mt-4{margin-top:1.5rem !important}.md\:mt-5{margin-top:2rem !important}.md\:mt-6{margin-top:3rem !important}.md\:mt-7{margin-top:4rem !important}.md\:mt-8{margin-top:5rem !important}.md\:-mt-1{margin-top:-0.25rem !important}.md\:-mt-2{margin-top:-0.5rem !important}.md\:-mt-3{margin-top:-1rem !important}.md\:-mt-4{margin-top:-1.5rem !important}.md\:-mt-5{margin-top:-2rem !important}.md\:-mt-6{margin-top:-3rem !important}.md\:-mt-7{margin-top:-4rem !important}.md\:-mt-8{margin-top:-5rem !important}.md\:mt-auto{margin-top:auto !important}.md\:mr-0{margin-right:0rem !important}.md\:mr-1{margin-right:.25rem !important}.md\:mr-2{margin-right:.5rem !important}.md\:mr-3{margin-right:1rem !important}.md\:mr-4{margin-right:1.5rem !important}.md\:mr-5{margin-right:2rem !important}.md\:mr-6{margin-right:3rem !important}.md\:mr-7{margin-right:4rem !important}.md\:mr-8{margin-right:5rem !important}.md\:-mr-1{margin-right:-0.25rem !important}.md\:-mr-2{margin-right:-0.5rem !important}.md\:-mr-3{margin-right:-1rem !important}.md\:-mr-4{margin-right:-1.5rem !important}.md\:-mr-5{margin-right:-2rem !important}.md\:-mr-6{margin-right:-3rem !important}.md\:-mr-7{margin-right:-4rem !important}.md\:-mr-8{margin-right:-5rem !important}.md\:mr-auto{margin-right:auto !important}.md\:ml-0{margin-left:0rem !important}.md\:ml-1{margin-left:.25rem !important}.md\:ml-2{margin-left:.5rem !important}.md\:ml-3{margin-left:1rem !important}.md\:ml-4{margin-left:1.5rem !important}.md\:ml-5{margin-left:2rem !important}.md\:ml-6{margin-left:3rem !important}.md\:ml-7{margin-left:4rem !important}.md\:ml-8{margin-left:5rem !important}.md\:-ml-1{margin-left:-0.25rem !important}.md\:-ml-2{margin-left:-0.5rem !important}.md\:-ml-3{margin-left:-1rem !important}.md\:-ml-4{margin-left:-1.5rem !important}.md\:-ml-5{margin-left:-2rem !important}.md\:-ml-6{margin-left:-3rem !important}.md\:-ml-7{margin-left:-4rem !important}.md\:-ml-8{margin-left:-5rem !important}.md\:ml-auto{margin-left:auto !important}.md\:mb-0{margin-bottom:0rem !important}.md\:mb-1{margin-bottom:.25rem !important}.md\:mb-2{margin-bottom:.5rem !important}.md\:mb-3{margin-bottom:1rem !important}.md\:mb-4{margin-bottom:1.5rem !important}.md\:mb-5{margin-bottom:2rem !important}.md\:mb-6{margin-bottom:3rem !important}.md\:mb-7{margin-bottom:4rem !important}.md\:mb-8{margin-bottom:5rem !important}.md\:-mb-1{margin-bottom:-0.25rem !important}.md\:-mb-2{margin-bottom:-0.5rem !important}.md\:-mb-3{margin-bottom:-1rem !important}.md\:-mb-4{margin-bottom:-1.5rem !important}.md\:-mb-5{margin-bottom:-2rem !important}.md\:-mb-6{margin-bottom:-3rem !important}.md\:-mb-7{margin-bottom:-4rem !important}.md\:-mb-8{margin-bottom:-5rem !important}.md\:mb-auto{margin-bottom:auto !important}.md\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.md\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.md\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.md\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.md\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.md\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.md\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.md\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.md\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.md\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.md\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.md\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.md\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.md\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.md\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.md\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.md\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.md\:mx-auto{margin-left:auto !important;margin-right:auto !important}.md\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.md\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.md\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.md\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.md\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.md\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.md\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.md\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.md\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.md\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.md\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.md\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.md\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.md\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.md\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.md\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.md\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.md\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 992px){.lg\:m-0{margin:0rem !important}.lg\:m-1{margin:.25rem !important}.lg\:m-2{margin:.5rem !important}.lg\:m-3{margin:1rem !important}.lg\:m-4{margin:1.5rem !important}.lg\:m-5{margin:2rem !important}.lg\:m-6{margin:3rem !important}.lg\:m-7{margin:4rem !important}.lg\:m-8{margin:5rem !important}.lg\:-m-1{margin:-0.25rem !important}.lg\:-m-2{margin:-0.5rem !important}.lg\:-m-3{margin:-1rem !important}.lg\:-m-4{margin:-1.5rem !important}.lg\:-m-5{margin:-2rem !important}.lg\:-m-6{margin:-3rem !important}.lg\:-m-7{margin:-4rem !important}.lg\:-m-8{margin:-5rem !important}.lg\:m-auto{margin:auto !important}.lg\:mt-0{margin-top:0rem !important}.lg\:mt-1{margin-top:.25rem !important}.lg\:mt-2{margin-top:.5rem !important}.lg\:mt-3{margin-top:1rem !important}.lg\:mt-4{margin-top:1.5rem !important}.lg\:mt-5{margin-top:2rem !important}.lg\:mt-6{margin-top:3rem !important}.lg\:mt-7{margin-top:4rem !important}.lg\:mt-8{margin-top:5rem !important}.lg\:-mt-1{margin-top:-0.25rem !important}.lg\:-mt-2{margin-top:-0.5rem !important}.lg\:-mt-3{margin-top:-1rem !important}.lg\:-mt-4{margin-top:-1.5rem !important}.lg\:-mt-5{margin-top:-2rem !important}.lg\:-mt-6{margin-top:-3rem !important}.lg\:-mt-7{margin-top:-4rem !important}.lg\:-mt-8{margin-top:-5rem !important}.lg\:mt-auto{margin-top:auto !important}.lg\:mr-0{margin-right:0rem !important}.lg\:mr-1{margin-right:.25rem !important}.lg\:mr-2{margin-right:.5rem !important}.lg\:mr-3{margin-right:1rem !important}.lg\:mr-4{margin-right:1.5rem !important}.lg\:mr-5{margin-right:2rem !important}.lg\:mr-6{margin-right:3rem !important}.lg\:mr-7{margin-right:4rem !important}.lg\:mr-8{margin-right:5rem !important}.lg\:-mr-1{margin-right:-0.25rem !important}.lg\:-mr-2{margin-right:-0.5rem !important}.lg\:-mr-3{margin-right:-1rem !important}.lg\:-mr-4{margin-right:-1.5rem !important}.lg\:-mr-5{margin-right:-2rem !important}.lg\:-mr-6{margin-right:-3rem !important}.lg\:-mr-7{margin-right:-4rem !important}.lg\:-mr-8{margin-right:-5rem !important}.lg\:mr-auto{margin-right:auto !important}.lg\:ml-0{margin-left:0rem !important}.lg\:ml-1{margin-left:.25rem !important}.lg\:ml-2{margin-left:.5rem !important}.lg\:ml-3{margin-left:1rem !important}.lg\:ml-4{margin-left:1.5rem !important}.lg\:ml-5{margin-left:2rem !important}.lg\:ml-6{margin-left:3rem !important}.lg\:ml-7{margin-left:4rem !important}.lg\:ml-8{margin-left:5rem !important}.lg\:-ml-1{margin-left:-0.25rem !important}.lg\:-ml-2{margin-left:-0.5rem !important}.lg\:-ml-3{margin-left:-1rem !important}.lg\:-ml-4{margin-left:-1.5rem !important}.lg\:-ml-5{margin-left:-2rem !important}.lg\:-ml-6{margin-left:-3rem !important}.lg\:-ml-7{margin-left:-4rem !important}.lg\:-ml-8{margin-left:-5rem !important}.lg\:ml-auto{margin-left:auto !important}.lg\:mb-0{margin-bottom:0rem !important}.lg\:mb-1{margin-bottom:.25rem !important}.lg\:mb-2{margin-bottom:.5rem !important}.lg\:mb-3{margin-bottom:1rem !important}.lg\:mb-4{margin-bottom:1.5rem !important}.lg\:mb-5{margin-bottom:2rem !important}.lg\:mb-6{margin-bottom:3rem !important}.lg\:mb-7{margin-bottom:4rem !important}.lg\:mb-8{margin-bottom:5rem !important}.lg\:-mb-1{margin-bottom:-0.25rem !important}.lg\:-mb-2{margin-bottom:-0.5rem !important}.lg\:-mb-3{margin-bottom:-1rem !important}.lg\:-mb-4{margin-bottom:-1.5rem !important}.lg\:-mb-5{margin-bottom:-2rem !important}.lg\:-mb-6{margin-bottom:-3rem !important}.lg\:-mb-7{margin-bottom:-4rem !important}.lg\:-mb-8{margin-bottom:-5rem !important}.lg\:mb-auto{margin-bottom:auto !important}.lg\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.lg\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.lg\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.lg\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.lg\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.lg\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.lg\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.lg\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.lg\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.lg\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.lg\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.lg\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.lg\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.lg\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.lg\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.lg\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.lg\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.lg\:mx-auto{margin-left:auto !important;margin-right:auto !important}.lg\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.lg\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.lg\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.lg\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.lg\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.lg\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.lg\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.lg\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.lg\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.lg\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.lg\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.lg\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.lg\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.lg\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.lg\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.lg\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.lg\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.lg\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}@media screen and (min-width: 1200px){.xl\:m-0{margin:0rem !important}.xl\:m-1{margin:.25rem !important}.xl\:m-2{margin:.5rem !important}.xl\:m-3{margin:1rem !important}.xl\:m-4{margin:1.5rem !important}.xl\:m-5{margin:2rem !important}.xl\:m-6{margin:3rem !important}.xl\:m-7{margin:4rem !important}.xl\:m-8{margin:5rem !important}.xl\:-m-1{margin:-0.25rem !important}.xl\:-m-2{margin:-0.5rem !important}.xl\:-m-3{margin:-1rem !important}.xl\:-m-4{margin:-1.5rem !important}.xl\:-m-5{margin:-2rem !important}.xl\:-m-6{margin:-3rem !important}.xl\:-m-7{margin:-4rem !important}.xl\:-m-8{margin:-5rem !important}.xl\:m-auto{margin:auto !important}.xl\:mt-0{margin-top:0rem !important}.xl\:mt-1{margin-top:.25rem !important}.xl\:mt-2{margin-top:.5rem !important}.xl\:mt-3{margin-top:1rem !important}.xl\:mt-4{margin-top:1.5rem !important}.xl\:mt-5{margin-top:2rem !important}.xl\:mt-6{margin-top:3rem !important}.xl\:mt-7{margin-top:4rem !important}.xl\:mt-8{margin-top:5rem !important}.xl\:-mt-1{margin-top:-0.25rem !important}.xl\:-mt-2{margin-top:-0.5rem !important}.xl\:-mt-3{margin-top:-1rem !important}.xl\:-mt-4{margin-top:-1.5rem !important}.xl\:-mt-5{margin-top:-2rem !important}.xl\:-mt-6{margin-top:-3rem !important}.xl\:-mt-7{margin-top:-4rem !important}.xl\:-mt-8{margin-top:-5rem !important}.xl\:mt-auto{margin-top:auto !important}.xl\:mr-0{margin-right:0rem !important}.xl\:mr-1{margin-right:.25rem !important}.xl\:mr-2{margin-right:.5rem !important}.xl\:mr-3{margin-right:1rem !important}.xl\:mr-4{margin-right:1.5rem !important}.xl\:mr-5{margin-right:2rem !important}.xl\:mr-6{margin-right:3rem !important}.xl\:mr-7{margin-right:4rem !important}.xl\:mr-8{margin-right:5rem !important}.xl\:-mr-1{margin-right:-0.25rem !important}.xl\:-mr-2{margin-right:-0.5rem !important}.xl\:-mr-3{margin-right:-1rem !important}.xl\:-mr-4{margin-right:-1.5rem !important}.xl\:-mr-5{margin-right:-2rem !important}.xl\:-mr-6{margin-right:-3rem !important}.xl\:-mr-7{margin-right:-4rem !important}.xl\:-mr-8{margin-right:-5rem !important}.xl\:mr-auto{margin-right:auto !important}.xl\:ml-0{margin-left:0rem !important}.xl\:ml-1{margin-left:.25rem !important}.xl\:ml-2{margin-left:.5rem !important}.xl\:ml-3{margin-left:1rem !important}.xl\:ml-4{margin-left:1.5rem !important}.xl\:ml-5{margin-left:2rem !important}.xl\:ml-6{margin-left:3rem !important}.xl\:ml-7{margin-left:4rem !important}.xl\:ml-8{margin-left:5rem !important}.xl\:-ml-1{margin-left:-0.25rem !important}.xl\:-ml-2{margin-left:-0.5rem !important}.xl\:-ml-3{margin-left:-1rem !important}.xl\:-ml-4{margin-left:-1.5rem !important}.xl\:-ml-5{margin-left:-2rem !important}.xl\:-ml-6{margin-left:-3rem !important}.xl\:-ml-7{margin-left:-4rem !important}.xl\:-ml-8{margin-left:-5rem !important}.xl\:ml-auto{margin-left:auto !important}.xl\:mb-0{margin-bottom:0rem !important}.xl\:mb-1{margin-bottom:.25rem !important}.xl\:mb-2{margin-bottom:.5rem !important}.xl\:mb-3{margin-bottom:1rem !important}.xl\:mb-4{margin-bottom:1.5rem !important}.xl\:mb-5{margin-bottom:2rem !important}.xl\:mb-6{margin-bottom:3rem !important}.xl\:mb-7{margin-bottom:4rem !important}.xl\:mb-8{margin-bottom:5rem !important}.xl\:-mb-1{margin-bottom:-0.25rem !important}.xl\:-mb-2{margin-bottom:-0.5rem !important}.xl\:-mb-3{margin-bottom:-1rem !important}.xl\:-mb-4{margin-bottom:-1.5rem !important}.xl\:-mb-5{margin-bottom:-2rem !important}.xl\:-mb-6{margin-bottom:-3rem !important}.xl\:-mb-7{margin-bottom:-4rem !important}.xl\:-mb-8{margin-bottom:-5rem !important}.xl\:mb-auto{margin-bottom:auto !important}.xl\:mx-0{margin-left:0rem !important;margin-right:0rem !important}.xl\:mx-1{margin-left:.25rem !important;margin-right:.25rem !important}.xl\:mx-2{margin-left:.5rem !important;margin-right:.5rem !important}.xl\:mx-3{margin-left:1rem !important;margin-right:1rem !important}.xl\:mx-4{margin-left:1.5rem !important;margin-right:1.5rem !important}.xl\:mx-5{margin-left:2rem !important;margin-right:2rem !important}.xl\:mx-6{margin-left:3rem !important;margin-right:3rem !important}.xl\:mx-7{margin-left:4rem !important;margin-right:4rem !important}.xl\:mx-8{margin-left:5rem !important;margin-right:5rem !important}.xl\:-mx-1{margin-left:-0.25rem !important;margin-right:-0.25rem !important}.xl\:-mx-2{margin-left:-0.5rem !important;margin-right:-0.5rem !important}.xl\:-mx-3{margin-left:-1rem !important;margin-right:-1rem !important}.xl\:-mx-4{margin-left:-1.5rem !important;margin-right:-1.5rem !important}.xl\:-mx-5{margin-left:-2rem !important;margin-right:-2rem !important}.xl\:-mx-6{margin-left:-3rem !important;margin-right:-3rem !important}.xl\:-mx-7{margin-left:-4rem !important;margin-right:-4rem !important}.xl\:-mx-8{margin-left:-5rem !important;margin-right:-5rem !important}.xl\:mx-auto{margin-left:auto !important;margin-right:auto !important}.xl\:my-0{margin-top:0rem !important;margin-bottom:0rem !important}.xl\:my-1{margin-top:.25rem !important;margin-bottom:.25rem !important}.xl\:my-2{margin-top:.5rem !important;margin-bottom:.5rem !important}.xl\:my-3{margin-top:1rem !important;margin-bottom:1rem !important}.xl\:my-4{margin-top:1.5rem !important;margin-bottom:1.5rem !important}.xl\:my-5{margin-top:2rem !important;margin-bottom:2rem !important}.xl\:my-6{margin-top:3rem !important;margin-bottom:3rem !important}.xl\:my-7{margin-top:4rem !important;margin-bottom:4rem !important}.xl\:my-8{margin-top:5rem !important;margin-bottom:5rem !important}.xl\:-my-1{margin-top:-0.25rem !important;margin-bottom:-0.25rem !important}.xl\:-my-2{margin-top:-0.5rem !important;margin-bottom:-0.5rem !important}.xl\:-my-3{margin-top:-1rem !important;margin-bottom:-1rem !important}.xl\:-my-4{margin-top:-1.5rem !important;margin-bottom:-1.5rem !important}.xl\:-my-5{margin-top:-2rem !important;margin-bottom:-2rem !important}.xl\:-my-6{margin-top:-3rem !important;margin-bottom:-3rem !important}.xl\:-my-7{margin-top:-4rem !important;margin-bottom:-4rem !important}.xl\:-my-8{margin-top:-5rem !important;margin-bottom:-5rem !important}.xl\:my-auto{margin-top:auto !important;margin-bottom:auto !important}}.shadow-none{box-shadow:none !important}.shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.focus\:shadow-none:focus{box-shadow:none !important}.hover\:shadow-none:hover{box-shadow:none !important}.active\:shadow-none:active{box-shadow:none !important}.focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}@media screen and (min-width: 576px){.sm\:shadow-none{box-shadow:none !important}.sm\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.sm\:focus\:shadow-none:focus{box-shadow:none !important}.sm\:hover\:shadow-none:hover{box-shadow:none !important}.sm\:active\:shadow-none:active{box-shadow:none !important}.sm\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.sm\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.sm\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.sm\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.sm\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.sm\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.sm\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.sm\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.sm\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.sm\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 768px){.md\:shadow-none{box-shadow:none !important}.md\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.md\:focus\:shadow-none:focus{box-shadow:none !important}.md\:hover\:shadow-none:hover{box-shadow:none !important}.md\:active\:shadow-none:active{box-shadow:none !important}.md\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.md\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.md\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.md\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.md\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.md\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.md\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.md\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.md\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.md\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 992px){.lg\:shadow-none{box-shadow:none !important}.lg\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.lg\:focus\:shadow-none:focus{box-shadow:none !important}.lg\:hover\:shadow-none:hover{box-shadow:none !important}.lg\:active\:shadow-none:active{box-shadow:none !important}.lg\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.lg\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.lg\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.lg\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.lg\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.lg\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.lg\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.lg\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.lg\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.lg\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}@media screen and (min-width: 1200px){.xl\:shadow-none{box-shadow:none !important}.xl\:shadow-1{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:shadow-2{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:shadow-3{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:shadow-4{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:shadow-5{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:shadow-6{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:shadow-7{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:shadow-8{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.xl\:focus\:shadow-none:focus{box-shadow:none !important}.xl\:hover\:shadow-none:hover{box-shadow:none !important}.xl\:active\:shadow-none:active{box-shadow:none !important}.xl\:focus\:shadow-1:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:hover\:shadow-1:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:active\:shadow-1:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important}.xl\:focus\:shadow-2:focus{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:hover\:shadow-2:hover{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:active\:shadow-2:active{box-shadow:0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important}.xl\:focus\:shadow-3:focus{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:hover\:shadow-3:hover{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:active\:shadow-3:active{box-shadow:0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important}.xl\:focus\:shadow-4:focus{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:hover\:shadow-4:hover{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:active\:shadow-4:active{box-shadow:0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important}.xl\:focus\:shadow-5:focus{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:hover\:shadow-5:hover{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:active\:shadow-5:active{box-shadow:0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important}.xl\:focus\:shadow-6:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:hover\:shadow-6:hover{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:active\:shadow-6:active{box-shadow:0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important}.xl\:focus\:shadow-7:focus{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:hover\:shadow-7:hover{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:active\:shadow-7:active{box-shadow:0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important}.xl\:focus\:shadow-8:focus{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.xl\:hover\:shadow-8:hover{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}.xl\:active\:shadow-8:active{box-shadow:0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important}}.border-none{border-width:0px !important;border-style:none}.border-1{border-width:1px !important;border-style:solid}.border-2{border-width:2px !important;border-style:solid}.border-3{border-width:3px !important;border-style:solid}.border-top-none{border-top-width:0px !important;border-top-style:none}.border-top-1{border-top-width:1px !important;border-top-style:solid}.border-top-2{border-top-width:2px !important;border-top-style:solid}.border-top-3{border-top-width:3px !important;border-top-style:solid}.border-right-none{border-right-width:0px !important;border-right-style:none}.border-right-1{border-right-width:1px !important;border-right-style:solid}.border-right-2{border-right-width:2px !important;border-right-style:solid}.border-right-3{border-right-width:3px !important;border-right-style:solid}.border-left-none{border-left-width:0px !important;border-left-style:none}.border-left-1{border-left-width:1px !important;border-left-style:solid}.border-left-2{border-left-width:2px !important;border-left-style:solid}.border-left-3{border-left-width:3px !important;border-left-style:solid}.border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}@media screen and (min-width: 576px){.sm\:border-none{border-width:0px !important;border-style:none}.sm\:border-1{border-width:1px !important;border-style:solid}.sm\:border-2{border-width:2px !important;border-style:solid}.sm\:border-3{border-width:3px !important;border-style:solid}.sm\:border-top-none{border-top-width:0px !important;border-top-style:none}.sm\:border-top-1{border-top-width:1px !important;border-top-style:solid}.sm\:border-top-2{border-top-width:2px !important;border-top-style:solid}.sm\:border-top-3{border-top-width:3px !important;border-top-style:solid}.sm\:border-right-none{border-right-width:0px !important;border-right-style:none}.sm\:border-right-1{border-right-width:1px !important;border-right-style:solid}.sm\:border-right-2{border-right-width:2px !important;border-right-style:solid}.sm\:border-right-3{border-right-width:3px !important;border-right-style:solid}.sm\:border-left-none{border-left-width:0px !important;border-left-style:none}.sm\:border-left-1{border-left-width:1px !important;border-left-style:solid}.sm\:border-left-2{border-left-width:2px !important;border-left-style:solid}.sm\:border-left-3{border-left-width:3px !important;border-left-style:solid}.sm\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.sm\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.sm\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.sm\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.sm\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.sm\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.sm\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.sm\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.sm\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.sm\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.sm\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.sm\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 768px){.md\:border-none{border-width:0px !important;border-style:none}.md\:border-1{border-width:1px !important;border-style:solid}.md\:border-2{border-width:2px !important;border-style:solid}.md\:border-3{border-width:3px !important;border-style:solid}.md\:border-top-none{border-top-width:0px !important;border-top-style:none}.md\:border-top-1{border-top-width:1px !important;border-top-style:solid}.md\:border-top-2{border-top-width:2px !important;border-top-style:solid}.md\:border-top-3{border-top-width:3px !important;border-top-style:solid}.md\:border-right-none{border-right-width:0px !important;border-right-style:none}.md\:border-right-1{border-right-width:1px !important;border-right-style:solid}.md\:border-right-2{border-right-width:2px !important;border-right-style:solid}.md\:border-right-3{border-right-width:3px !important;border-right-style:solid}.md\:border-left-none{border-left-width:0px !important;border-left-style:none}.md\:border-left-1{border-left-width:1px !important;border-left-style:solid}.md\:border-left-2{border-left-width:2px !important;border-left-style:solid}.md\:border-left-3{border-left-width:3px !important;border-left-style:solid}.md\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.md\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.md\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.md\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.md\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.md\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.md\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.md\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.md\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.md\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.md\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.md\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 992px){.lg\:border-none{border-width:0px !important;border-style:none}.lg\:border-1{border-width:1px !important;border-style:solid}.lg\:border-2{border-width:2px !important;border-style:solid}.lg\:border-3{border-width:3px !important;border-style:solid}.lg\:border-top-none{border-top-width:0px !important;border-top-style:none}.lg\:border-top-1{border-top-width:1px !important;border-top-style:solid}.lg\:border-top-2{border-top-width:2px !important;border-top-style:solid}.lg\:border-top-3{border-top-width:3px !important;border-top-style:solid}.lg\:border-right-none{border-right-width:0px !important;border-right-style:none}.lg\:border-right-1{border-right-width:1px !important;border-right-style:solid}.lg\:border-right-2{border-right-width:2px !important;border-right-style:solid}.lg\:border-right-3{border-right-width:3px !important;border-right-style:solid}.lg\:border-left-none{border-left-width:0px !important;border-left-style:none}.lg\:border-left-1{border-left-width:1px !important;border-left-style:solid}.lg\:border-left-2{border-left-width:2px !important;border-left-style:solid}.lg\:border-left-3{border-left-width:3px !important;border-left-style:solid}.lg\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.lg\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.lg\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.lg\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.lg\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.lg\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.lg\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.lg\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.lg\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.lg\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.lg\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.lg\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}@media screen and (min-width: 1200px){.xl\:border-none{border-width:0px !important;border-style:none}.xl\:border-1{border-width:1px !important;border-style:solid}.xl\:border-2{border-width:2px !important;border-style:solid}.xl\:border-3{border-width:3px !important;border-style:solid}.xl\:border-top-none{border-top-width:0px !important;border-top-style:none}.xl\:border-top-1{border-top-width:1px !important;border-top-style:solid}.xl\:border-top-2{border-top-width:2px !important;border-top-style:solid}.xl\:border-top-3{border-top-width:3px !important;border-top-style:solid}.xl\:border-right-none{border-right-width:0px !important;border-right-style:none}.xl\:border-right-1{border-right-width:1px !important;border-right-style:solid}.xl\:border-right-2{border-right-width:2px !important;border-right-style:solid}.xl\:border-right-3{border-right-width:3px !important;border-right-style:solid}.xl\:border-left-none{border-left-width:0px !important;border-left-style:none}.xl\:border-left-1{border-left-width:1px !important;border-left-style:solid}.xl\:border-left-2{border-left-width:2px !important;border-left-style:solid}.xl\:border-left-3{border-left-width:3px !important;border-left-style:solid}.xl\:border-bottom-none{border-bottom-width:0px !important;border-bottom-style:none}.xl\:border-bottom-1{border-bottom-width:1px !important;border-bottom-style:solid}.xl\:border-bottom-2{border-bottom-width:2px !important;border-bottom-style:solid}.xl\:border-bottom-3{border-bottom-width:3px !important;border-bottom-style:solid}.xl\:border-x-none{border-left-width:0px !important;border-left-style:none;border-right-width:0px !important;border-right-style:none}.xl\:border-x-1{border-left-width:1px !important;border-left-style:solid;border-right-width:1px !important;border-right-style:solid}.xl\:border-x-2{border-left-width:2px !important;border-left-style:solid;border-right-width:2px !important;border-right-style:solid}.xl\:border-x-3{border-left-width:3px !important;border-left-style:solid;border-right-width:3px !important;border-right-style:solid}.xl\:border-y-none{border-top-width:0px !important;border-top-style:none;border-bottom-width:0px !important;border-bottom-style:none}.xl\:border-y-1{border-top-width:1px !important;border-top-style:solid;border-bottom-width:1px !important;border-bottom-style:solid}.xl\:border-y-2{border-top-width:2px !important;border-top-style:solid;border-bottom-width:2px !important;border-bottom-style:solid}.xl\:border-y-3{border-top-width:3px !important;border-top-style:solid;border-bottom-width:3px !important;border-bottom-style:solid}}.border-solid{border-style:solid !important}.border-dashed{border-style:dashed !important}.border-dotted{border-style:dotted !important}.border-double{border-style:double !important}@media screen and (min-width: 576px){.sm\:border-solid{border-style:solid !important}.sm\:border-dashed{border-style:dashed !important}.sm\:border-dotted{border-style:dotted !important}.sm\:border-double{border-style:double !important}}@media screen and (min-width: 768px){.md\:border-solid{border-style:solid !important}.md\:border-dashed{border-style:dashed !important}.md\:border-dotted{border-style:dotted !important}.md\:border-double{border-style:double !important}}@media screen and (min-width: 992px){.lg\:border-solid{border-style:solid !important}.lg\:border-dashed{border-style:dashed !important}.lg\:border-dotted{border-style:dotted !important}.lg\:border-double{border-style:double !important}}@media screen and (min-width: 1200px){.xl\:border-solid{border-style:solid !important}.xl\:border-dashed{border-style:dashed !important}.xl\:border-dotted{border-style:dotted !important}.xl\:border-double{border-style:double !important}}.border-noround{border-radius:0 !important}.border-round{border-radius:var(--border-radius) !important}.border-round-xs{border-radius:0.125rem !important}.border-round-sm{border-radius:0.25rem !important}.border-round-md{border-radius:0.375rem !important}.border-round-lg{border-radius:0.5rem !important}.border-round-xl{border-radius:0.75rem !important}.border-round-2xl{border-radius:1rem !important}.border-round-3xl{border-radius:1.5rem !important}.border-circle{border-radius:50% !important}@media screen and (min-width: 576px){.sm\:border-noround{border-radius:0 !important}.sm\:border-round{border-radius:var(--border-radius) !important}.sm\:border-round-xs{border-radius:0.125rem !important}.sm\:border-round-sm{border-radius:0.25rem !important}.sm\:border-round-md{border-radius:0.375rem !important}.sm\:border-round-lg{border-radius:0.5rem !important}.sm\:border-round-xl{border-radius:0.75rem !important}.sm\:border-round-2xl{border-radius:1rem !important}.sm\:border-round-3xl{border-radius:1.5rem !important}.sm\:border-circle{border-radius:50% !important}}@media screen and (min-width: 768px){.md\:border-noround{border-radius:0 !important}.md\:border-round{border-radius:var(--border-radius) !important}.md\:border-round-xs{border-radius:0.125rem !important}.md\:border-round-sm{border-radius:0.25rem !important}.md\:border-round-md{border-radius:0.375rem !important}.md\:border-round-lg{border-radius:0.5rem !important}.md\:border-round-xl{border-radius:0.75rem !important}.md\:border-round-2xl{border-radius:1rem !important}.md\:border-round-3xl{border-radius:1.5rem !important}.md\:border-circle{border-radius:50% !important}}@media screen and (min-width: 992px){.lg\:border-noround{border-radius:0 !important}.lg\:border-round{border-radius:var(--border-radius) !important}.lg\:border-round-xs{border-radius:0.125rem !important}.lg\:border-round-sm{border-radius:0.25rem !important}.lg\:border-round-md{border-radius:0.375rem !important}.lg\:border-round-lg{border-radius:0.5rem !important}.lg\:border-round-xl{border-radius:0.75rem !important}.lg\:border-round-2xl{border-radius:1rem !important}.lg\:border-round-3xl{border-radius:1.5rem !important}.lg\:border-circle{border-radius:50% !important}}@media screen and (min-width: 1200px){.xl\:border-noround{border-radius:0 !important}.xl\:border-round{border-radius:var(--border-radius) !important}.xl\:border-round-xs{border-radius:0.125rem !important}.xl\:border-round-sm{border-radius:0.25rem !important}.xl\:border-round-md{border-radius:0.375rem !important}.xl\:border-round-lg{border-radius:0.5rem !important}.xl\:border-round-xl{border-radius:0.75rem !important}.xl\:border-round-2xl{border-radius:1rem !important}.xl\:border-round-3xl{border-radius:1.5rem !important}.xl\:border-circle{border-radius:50% !important}}.border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}@media screen and (min-width: 576px){.sm\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.sm\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.sm\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.sm\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.sm\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.sm\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.sm\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.sm\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.sm\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.sm\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.sm\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.sm\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.sm\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.sm\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.sm\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.sm\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.sm\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.sm\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.sm\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.sm\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.sm\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.sm\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.sm\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.sm\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.sm\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.sm\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.sm\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.sm\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.sm\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.sm\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.sm\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.sm\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.sm\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.sm\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.sm\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.sm\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.sm\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.sm\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.sm\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.sm\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}@media screen and (min-width: 768px){.md\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.md\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.md\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.md\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.md\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.md\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.md\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.md\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.md\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.md\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.md\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.md\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.md\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.md\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.md\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.md\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.md\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.md\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.md\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.md\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.md\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.md\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.md\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.md\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.md\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.md\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.md\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.md\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.md\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.md\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.md\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.md\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.md\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.md\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.md\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.md\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.md\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.md\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.md\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.md\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}@media screen and (min-width: 992px){.lg\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.lg\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.lg\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.lg\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.lg\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.lg\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.lg\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.lg\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.lg\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.lg\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.lg\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.lg\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.lg\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.lg\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.lg\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.lg\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.lg\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.lg\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.lg\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.lg\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.lg\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.lg\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.lg\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.lg\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.lg\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.lg\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.lg\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.lg\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.lg\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.lg\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.lg\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.lg\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.lg\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.lg\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.lg\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.lg\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.lg\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.lg\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.lg\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.lg\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}@media screen and (min-width: 1200px){.xl\:border-noround-left{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.xl\:border-noround-top{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.xl\:border-noround-right{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}.xl\:border-noround-bottom{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.xl\:border-round-left{border-top-left-radius:var(--border-radius) !important;border-bottom-left-radius:var(--border-radius) !important}.xl\:border-round-top{border-top-left-radius:var(--border-radius) !important;border-top-right-radius:var(--border-radius) !important}.xl\:border-round-right{border-top-right-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.xl\:border-round-bottom{border-bottom-left-radius:var(--border-radius) !important;border-bottom-right-radius:var(--border-radius) !important}.xl\:border-round-left-xs{border-top-left-radius:0.125rem !important;border-bottom-left-radius:0.125rem !important}.xl\:border-round-top-xs{border-top-left-radius:0.125rem !important;border-top-right-radius:0.125rem !important}.xl\:border-round-right-xs{border-top-right-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.xl\:border-round-bottom-xs{border-bottom-left-radius:0.125rem !important;border-bottom-right-radius:0.125rem !important}.xl\:border-round-left-sm{border-top-left-radius:0.25rem !important;border-bottom-left-radius:0.25rem !important}.xl\:border-round-top-sm{border-top-left-radius:0.25rem !important;border-top-right-radius:0.25rem !important}.xl\:border-round-right-sm{border-top-right-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.xl\:border-round-bottom-sm{border-bottom-left-radius:0.25rem !important;border-bottom-right-radius:0.25rem !important}.xl\:border-round-left-md{border-top-left-radius:0.375rem !important;border-bottom-left-radius:0.375rem !important}.xl\:border-round-top-md{border-top-left-radius:0.375rem !important;border-top-right-radius:0.375rem !important}.xl\:border-round-right-md{border-top-right-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.xl\:border-round-bottom-md{border-bottom-left-radius:0.375rem !important;border-bottom-right-radius:0.375rem !important}.xl\:border-round-left-lg{border-top-left-radius:0.5rem !important;border-bottom-left-radius:0.5rem !important}.xl\:border-round-top-lg{border-top-left-radius:0.5rem !important;border-top-right-radius:0.5rem !important}.xl\:border-round-right-lg{border-top-right-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.xl\:border-round-bottom-lg{border-bottom-left-radius:0.5rem !important;border-bottom-right-radius:0.5rem !important}.xl\:border-round-left-xl{border-top-left-radius:0.75rem !important;border-bottom-left-radius:0.75rem !important}.xl\:border-round-top-xl{border-top-left-radius:0.75rem !important;border-top-right-radius:0.75rem !important}.xl\:border-round-right-xl{border-top-right-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.xl\:border-round-bottom-xl{border-bottom-left-radius:0.75rem !important;border-bottom-right-radius:0.75rem !important}.xl\:border-round-left-2xl{border-top-left-radius:1rem !important;border-bottom-left-radius:1rem !important}.xl\:border-round-top-2xl{border-top-left-radius:1rem !important;border-top-right-radius:1rem !important}.xl\:border-round-right-2xl{border-top-right-radius:1rem !important;border-bottom-right-radius:1rem !important}.xl\:border-round-bottom-2xl{border-bottom-left-radius:1rem !important;border-bottom-right-radius:1rem !important}.xl\:border-round-left-3xl{border-top-left-radius:1.5rem !important;border-bottom-left-radius:1.5rem !important}.xl\:border-round-top-3xl{border-top-left-radius:1.5rem !important;border-top-right-radius:1.5rem !important}.xl\:border-round-right-3xl{border-top-right-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.xl\:border-round-bottom-3xl{border-bottom-left-radius:1.5rem !important;border-bottom-right-radius:1.5rem !important}.xl\:border-circle-left{border-top-left-radius:50% !important;border-bottom-left-radius:50% !important}.xl\:border-circle-top{border-top-left-radius:50% !important;border-top-right-radius:50% !important}.xl\:border-circle-right{border-top-right-radius:50% !important;border-bottom-right-radius:50% !important}.xl\:border-circle-bottom{border-bottom-left-radius:50% !important;border-bottom-right-radius:50% !important}}.w-full{width:100% !important}.w-screen{width:100vw !important}.w-auto{width:auto !important}.w-1{width:8.3333% !important}.w-2{width:16.6667% !important}.w-3{width:25% !important}.w-4{width:33.3333% !important}.w-5{width:41.6667% !important}.w-6{width:50% !important}.w-7{width:58.3333% !important}.w-8{width:66.6667% !important}.w-9{width:75% !important}.w-10{width:83.3333% !important}.w-11{width:91.6667% !important}.w-12{width:100% !important}.w-min{width:min-content !important}.w-max{width:max-content !important}.w-fit{width:fit-content !important}.w-1rem{width:1rem !important}.w-2rem{width:2rem !important}.w-3rem{width:3rem !important}.w-4rem{width:4rem !important}.w-5rem{width:5rem !important}.w-6rem{width:6rem !important}.w-7rem{width:7rem !important}.w-8rem{width:8rem !important}.w-9rem{width:9rem !important}.w-10rem{width:10rem !important}.w-11rem{width:11rem !important}.w-12rem{width:12rem !important}.w-13rem{width:13rem !important}.w-14rem{width:14rem !important}.w-15rem{width:15rem !important}.w-16rem{width:16rem !important}.w-17rem{width:17rem !important}.w-18rem{width:18rem !important}.w-19rem{width:19rem !important}.w-20rem{width:20rem !important}.w-21rem{width:21rem !important}.w-22rem{width:22rem !important}.w-23rem{width:23rem !important}.w-24rem{width:24rem !important}.w-25rem{width:25rem !important}.w-26rem{width:26rem !important}.w-27rem{width:27rem !important}.w-28rem{width:28rem !important}.w-29rem{width:29rem !important}.w-30rem{width:30rem !important}@media screen and (min-width: 576px){.sm\:w-full{width:100% !important}.sm\:w-screen{width:100vw !important}.sm\:w-auto{width:auto !important}.sm\:w-1{width:8.3333% !important}.sm\:w-2{width:16.6667% !important}.sm\:w-3{width:25% !important}.sm\:w-4{width:33.3333% !important}.sm\:w-5{width:41.6667% !important}.sm\:w-6{width:50% !important}.sm\:w-7{width:58.3333% !important}.sm\:w-8{width:66.6667% !important}.sm\:w-9{width:75% !important}.sm\:w-10{width:83.3333% !important}.sm\:w-11{width:91.6667% !important}.sm\:w-12{width:100% !important}.sm\:w-min{width:min-content !important}.sm\:w-max{width:max-content !important}.sm\:w-fit{width:fit-content !important}.sm\:w-1rem{width:1rem !important}.sm\:w-2rem{width:2rem !important}.sm\:w-3rem{width:3rem !important}.sm\:w-4rem{width:4rem !important}.sm\:w-5rem{width:5rem !important}.sm\:w-6rem{width:6rem !important}.sm\:w-7rem{width:7rem !important}.sm\:w-8rem{width:8rem !important}.sm\:w-9rem{width:9rem !important}.sm\:w-10rem{width:10rem !important}.sm\:w-11rem{width:11rem !important}.sm\:w-12rem{width:12rem !important}.sm\:w-13rem{width:13rem !important}.sm\:w-14rem{width:14rem !important}.sm\:w-15rem{width:15rem !important}.sm\:w-16rem{width:16rem !important}.sm\:w-17rem{width:17rem !important}.sm\:w-18rem{width:18rem !important}.sm\:w-19rem{width:19rem !important}.sm\:w-20rem{width:20rem !important}.sm\:w-21rem{width:21rem !important}.sm\:w-22rem{width:22rem !important}.sm\:w-23rem{width:23rem !important}.sm\:w-24rem{width:24rem !important}.sm\:w-25rem{width:25rem !important}.sm\:w-26rem{width:26rem !important}.sm\:w-27rem{width:27rem !important}.sm\:w-28rem{width:28rem !important}.sm\:w-29rem{width:29rem !important}.sm\:w-30rem{width:30rem !important}}@media screen and (min-width: 768px){.md\:w-full{width:100% !important}.md\:w-screen{width:100vw !important}.md\:w-auto{width:auto !important}.md\:w-1{width:8.3333% !important}.md\:w-2{width:16.6667% !important}.md\:w-3{width:25% !important}.md\:w-4{width:33.3333% !important}.md\:w-5{width:41.6667% !important}.md\:w-6{width:50% !important}.md\:w-7{width:58.3333% !important}.md\:w-8{width:66.6667% !important}.md\:w-9{width:75% !important}.md\:w-10{width:83.3333% !important}.md\:w-11{width:91.6667% !important}.md\:w-12{width:100% !important}.md\:w-min{width:min-content !important}.md\:w-max{width:max-content !important}.md\:w-fit{width:fit-content !important}.md\:w-1rem{width:1rem !important}.md\:w-2rem{width:2rem !important}.md\:w-3rem{width:3rem !important}.md\:w-4rem{width:4rem !important}.md\:w-5rem{width:5rem !important}.md\:w-6rem{width:6rem !important}.md\:w-7rem{width:7rem !important}.md\:w-8rem{width:8rem !important}.md\:w-9rem{width:9rem !important}.md\:w-10rem{width:10rem !important}.md\:w-11rem{width:11rem !important}.md\:w-12rem{width:12rem !important}.md\:w-13rem{width:13rem !important}.md\:w-14rem{width:14rem !important}.md\:w-15rem{width:15rem !important}.md\:w-16rem{width:16rem !important}.md\:w-17rem{width:17rem !important}.md\:w-18rem{width:18rem !important}.md\:w-19rem{width:19rem !important}.md\:w-20rem{width:20rem !important}.md\:w-21rem{width:21rem !important}.md\:w-22rem{width:22rem !important}.md\:w-23rem{width:23rem !important}.md\:w-24rem{width:24rem !important}.md\:w-25rem{width:25rem !important}.md\:w-26rem{width:26rem !important}.md\:w-27rem{width:27rem !important}.md\:w-28rem{width:28rem !important}.md\:w-29rem{width:29rem !important}.md\:w-30rem{width:30rem !important}}@media screen and (min-width: 992px){.lg\:w-full{width:100% !important}.lg\:w-screen{width:100vw !important}.lg\:w-auto{width:auto !important}.lg\:w-1{width:8.3333% !important}.lg\:w-2{width:16.6667% !important}.lg\:w-3{width:25% !important}.lg\:w-4{width:33.3333% !important}.lg\:w-5{width:41.6667% !important}.lg\:w-6{width:50% !important}.lg\:w-7{width:58.3333% !important}.lg\:w-8{width:66.6667% !important}.lg\:w-9{width:75% !important}.lg\:w-10{width:83.3333% !important}.lg\:w-11{width:91.6667% !important}.lg\:w-12{width:100% !important}.lg\:w-min{width:min-content !important}.lg\:w-max{width:max-content !important}.lg\:w-fit{width:fit-content !important}.lg\:w-1rem{width:1rem !important}.lg\:w-2rem{width:2rem !important}.lg\:w-3rem{width:3rem !important}.lg\:w-4rem{width:4rem !important}.lg\:w-5rem{width:5rem !important}.lg\:w-6rem{width:6rem !important}.lg\:w-7rem{width:7rem !important}.lg\:w-8rem{width:8rem !important}.lg\:w-9rem{width:9rem !important}.lg\:w-10rem{width:10rem !important}.lg\:w-11rem{width:11rem !important}.lg\:w-12rem{width:12rem !important}.lg\:w-13rem{width:13rem !important}.lg\:w-14rem{width:14rem !important}.lg\:w-15rem{width:15rem !important}.lg\:w-16rem{width:16rem !important}.lg\:w-17rem{width:17rem !important}.lg\:w-18rem{width:18rem !important}.lg\:w-19rem{width:19rem !important}.lg\:w-20rem{width:20rem !important}.lg\:w-21rem{width:21rem !important}.lg\:w-22rem{width:22rem !important}.lg\:w-23rem{width:23rem !important}.lg\:w-24rem{width:24rem !important}.lg\:w-25rem{width:25rem !important}.lg\:w-26rem{width:26rem !important}.lg\:w-27rem{width:27rem !important}.lg\:w-28rem{width:28rem !important}.lg\:w-29rem{width:29rem !important}.lg\:w-30rem{width:30rem !important}}@media screen and (min-width: 1200px){.xl\:w-full{width:100% !important}.xl\:w-screen{width:100vw !important}.xl\:w-auto{width:auto !important}.xl\:w-1{width:8.3333% !important}.xl\:w-2{width:16.6667% !important}.xl\:w-3{width:25% !important}.xl\:w-4{width:33.3333% !important}.xl\:w-5{width:41.6667% !important}.xl\:w-6{width:50% !important}.xl\:w-7{width:58.3333% !important}.xl\:w-8{width:66.6667% !important}.xl\:w-9{width:75% !important}.xl\:w-10{width:83.3333% !important}.xl\:w-11{width:91.6667% !important}.xl\:w-12{width:100% !important}.xl\:w-min{width:min-content !important}.xl\:w-max{width:max-content !important}.xl\:w-fit{width:fit-content !important}.xl\:w-1rem{width:1rem !important}.xl\:w-2rem{width:2rem !important}.xl\:w-3rem{width:3rem !important}.xl\:w-4rem{width:4rem !important}.xl\:w-5rem{width:5rem !important}.xl\:w-6rem{width:6rem !important}.xl\:w-7rem{width:7rem !important}.xl\:w-8rem{width:8rem !important}.xl\:w-9rem{width:9rem !important}.xl\:w-10rem{width:10rem !important}.xl\:w-11rem{width:11rem !important}.xl\:w-12rem{width:12rem !important}.xl\:w-13rem{width:13rem !important}.xl\:w-14rem{width:14rem !important}.xl\:w-15rem{width:15rem !important}.xl\:w-16rem{width:16rem !important}.xl\:w-17rem{width:17rem !important}.xl\:w-18rem{width:18rem !important}.xl\:w-19rem{width:19rem !important}.xl\:w-20rem{width:20rem !important}.xl\:w-21rem{width:21rem !important}.xl\:w-22rem{width:22rem !important}.xl\:w-23rem{width:23rem !important}.xl\:w-24rem{width:24rem !important}.xl\:w-25rem{width:25rem !important}.xl\:w-26rem{width:26rem !important}.xl\:w-27rem{width:27rem !important}.xl\:w-28rem{width:28rem !important}.xl\:w-29rem{width:29rem !important}.xl\:w-30rem{width:30rem !important}}.h-full{height:100% !important}.h-screen{height:100vh !important}.h-auto{height:auto !important}.h-min{height:min-content !important}.h-max{height:max-content !important}.h-fit{height:fit-content !important}.h-1rem{height:1rem !important}.h-2rem{height:2rem !important}.h-3rem{height:3rem !important}.h-4rem{height:4rem !important}.h-5rem{height:5rem !important}.h-6rem{height:6rem !important}.h-7rem{height:7rem !important}.h-8rem{height:8rem !important}.h-9rem{height:9rem !important}.h-10rem{height:10rem !important}.h-11rem{height:11rem !important}.h-12rem{height:12rem !important}.h-13rem{height:13rem !important}.h-14rem{height:14rem !important}.h-15rem{height:15rem !important}.h-16rem{height:16rem !important}.h-17rem{height:17rem !important}.h-18rem{height:18rem !important}.h-19rem{height:19rem !important}.h-20rem{height:20rem !important}.h-21rem{height:21rem !important}.h-22rem{height:22rem !important}.h-23rem{height:23rem !important}.h-24rem{height:24rem !important}.h-25rem{height:25rem !important}.h-26rem{height:26rem !important}.h-27rem{height:27rem !important}.h-28rem{height:28rem !important}.h-29rem{height:29rem !important}.h-30rem{height:30rem !important}@media screen and (min-width: 576px){.sm\:h-full{height:100% !important}.sm\:h-screen{height:100vh !important}.sm\:h-auto{height:auto !important}.sm\:h-min{height:min-content !important}.sm\:h-max{height:max-content !important}.sm\:h-fit{height:fit-content !important}.sm\:h-1rem{height:1rem !important}.sm\:h-2rem{height:2rem !important}.sm\:h-3rem{height:3rem !important}.sm\:h-4rem{height:4rem !important}.sm\:h-5rem{height:5rem !important}.sm\:h-6rem{height:6rem !important}.sm\:h-7rem{height:7rem !important}.sm\:h-8rem{height:8rem !important}.sm\:h-9rem{height:9rem !important}.sm\:h-10rem{height:10rem !important}.sm\:h-11rem{height:11rem !important}.sm\:h-12rem{height:12rem !important}.sm\:h-13rem{height:13rem !important}.sm\:h-14rem{height:14rem !important}.sm\:h-15rem{height:15rem !important}.sm\:h-16rem{height:16rem !important}.sm\:h-17rem{height:17rem !important}.sm\:h-18rem{height:18rem !important}.sm\:h-19rem{height:19rem !important}.sm\:h-20rem{height:20rem !important}.sm\:h-21rem{height:21rem !important}.sm\:h-22rem{height:22rem !important}.sm\:h-23rem{height:23rem !important}.sm\:h-24rem{height:24rem !important}.sm\:h-25rem{height:25rem !important}.sm\:h-26rem{height:26rem !important}.sm\:h-27rem{height:27rem !important}.sm\:h-28rem{height:28rem !important}.sm\:h-29rem{height:29rem !important}.sm\:h-30rem{height:30rem !important}}@media screen and (min-width: 768px){.md\:h-full{height:100% !important}.md\:h-screen{height:100vh !important}.md\:h-auto{height:auto !important}.md\:h-min{height:min-content !important}.md\:h-max{height:max-content !important}.md\:h-fit{height:fit-content !important}.md\:h-1rem{height:1rem !important}.md\:h-2rem{height:2rem !important}.md\:h-3rem{height:3rem !important}.md\:h-4rem{height:4rem !important}.md\:h-5rem{height:5rem !important}.md\:h-6rem{height:6rem !important}.md\:h-7rem{height:7rem !important}.md\:h-8rem{height:8rem !important}.md\:h-9rem{height:9rem !important}.md\:h-10rem{height:10rem !important}.md\:h-11rem{height:11rem !important}.md\:h-12rem{height:12rem !important}.md\:h-13rem{height:13rem !important}.md\:h-14rem{height:14rem !important}.md\:h-15rem{height:15rem !important}.md\:h-16rem{height:16rem !important}.md\:h-17rem{height:17rem !important}.md\:h-18rem{height:18rem !important}.md\:h-19rem{height:19rem !important}.md\:h-20rem{height:20rem !important}.md\:h-21rem{height:21rem !important}.md\:h-22rem{height:22rem !important}.md\:h-23rem{height:23rem !important}.md\:h-24rem{height:24rem !important}.md\:h-25rem{height:25rem !important}.md\:h-26rem{height:26rem !important}.md\:h-27rem{height:27rem !important}.md\:h-28rem{height:28rem !important}.md\:h-29rem{height:29rem !important}.md\:h-30rem{height:30rem !important}}@media screen and (min-width: 992px){.lg\:h-full{height:100% !important}.lg\:h-screen{height:100vh !important}.lg\:h-auto{height:auto !important}.lg\:h-min{height:min-content !important}.lg\:h-max{height:max-content !important}.lg\:h-fit{height:fit-content !important}.lg\:h-1rem{height:1rem !important}.lg\:h-2rem{height:2rem !important}.lg\:h-3rem{height:3rem !important}.lg\:h-4rem{height:4rem !important}.lg\:h-5rem{height:5rem !important}.lg\:h-6rem{height:6rem !important}.lg\:h-7rem{height:7rem !important}.lg\:h-8rem{height:8rem !important}.lg\:h-9rem{height:9rem !important}.lg\:h-10rem{height:10rem !important}.lg\:h-11rem{height:11rem !important}.lg\:h-12rem{height:12rem !important}.lg\:h-13rem{height:13rem !important}.lg\:h-14rem{height:14rem !important}.lg\:h-15rem{height:15rem !important}.lg\:h-16rem{height:16rem !important}.lg\:h-17rem{height:17rem !important}.lg\:h-18rem{height:18rem !important}.lg\:h-19rem{height:19rem !important}.lg\:h-20rem{height:20rem !important}.lg\:h-21rem{height:21rem !important}.lg\:h-22rem{height:22rem !important}.lg\:h-23rem{height:23rem !important}.lg\:h-24rem{height:24rem !important}.lg\:h-25rem{height:25rem !important}.lg\:h-26rem{height:26rem !important}.lg\:h-27rem{height:27rem !important}.lg\:h-28rem{height:28rem !important}.lg\:h-29rem{height:29rem !important}.lg\:h-30rem{height:30rem !important}}@media screen and (min-width: 1200px){.xl\:h-full{height:100% !important}.xl\:h-screen{height:100vh !important}.xl\:h-auto{height:auto !important}.xl\:h-min{height:min-content !important}.xl\:h-max{height:max-content !important}.xl\:h-fit{height:fit-content !important}.xl\:h-1rem{height:1rem !important}.xl\:h-2rem{height:2rem !important}.xl\:h-3rem{height:3rem !important}.xl\:h-4rem{height:4rem !important}.xl\:h-5rem{height:5rem !important}.xl\:h-6rem{height:6rem !important}.xl\:h-7rem{height:7rem !important}.xl\:h-8rem{height:8rem !important}.xl\:h-9rem{height:9rem !important}.xl\:h-10rem{height:10rem !important}.xl\:h-11rem{height:11rem !important}.xl\:h-12rem{height:12rem !important}.xl\:h-13rem{height:13rem !important}.xl\:h-14rem{height:14rem !important}.xl\:h-15rem{height:15rem !important}.xl\:h-16rem{height:16rem !important}.xl\:h-17rem{height:17rem !important}.xl\:h-18rem{height:18rem !important}.xl\:h-19rem{height:19rem !important}.xl\:h-20rem{height:20rem !important}.xl\:h-21rem{height:21rem !important}.xl\:h-22rem{height:22rem !important}.xl\:h-23rem{height:23rem !important}.xl\:h-24rem{height:24rem !important}.xl\:h-25rem{height:25rem !important}.xl\:h-26rem{height:26rem !important}.xl\:h-27rem{height:27rem !important}.xl\:h-28rem{height:28rem !important}.xl\:h-29rem{height:29rem !important}.xl\:h-30rem{height:30rem !important}}.min-w-0{min-width:0px !important}.min-w-full{min-width:100% !important}.min-w-screen{min-width:100vw !important}.min-w-min{min-width:min-content !important}.min-w-max{min-width:max-content !important}@media screen and (min-width: 576px){.sm\:min-w-0{min-width:0px !important}.sm\:min-w-full{min-width:100% !important}.sm\:min-w-screen{min-width:100vw !important}.sm\:min-w-min{min-width:min-content !important}.sm\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 768px){.md\:min-w-0{min-width:0px !important}.md\:min-w-full{min-width:100% !important}.md\:min-w-screen{min-width:100vw !important}.md\:min-w-min{min-width:min-content !important}.md\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 992px){.lg\:min-w-0{min-width:0px !important}.lg\:min-w-full{min-width:100% !important}.lg\:min-w-screen{min-width:100vw !important}.lg\:min-w-min{min-width:min-content !important}.lg\:min-w-max{min-width:max-content !important}}@media screen and (min-width: 1200px){.xl\:min-w-0{min-width:0px !important}.xl\:min-w-full{min-width:100% !important}.xl\:min-w-screen{min-width:100vw !important}.xl\:min-w-min{min-width:min-content !important}.xl\:min-w-max{min-width:max-content !important}}.max-w-0{max-width:0px !important}.max-w-full{max-width:100% !important}.max-w-screen{max-width:100vw !important}.max-w-min{max-width:min-content !important}.max-w-max{max-width:max-content !important}.max-w-fit{max-width:fit-content !important}.max-w-1rem{max-width:1rem !important}.max-w-2rem{max-width:2rem !important}.max-w-3rem{max-width:3rem !important}.max-w-4rem{max-width:4rem !important}.max-w-5rem{max-width:5rem !important}.max-w-6rem{max-width:6rem !important}.max-w-7rem{max-width:7rem !important}.max-w-8rem{max-width:8rem !important}.max-w-9rem{max-width:9rem !important}.max-w-10rem{max-width:10rem !important}.max-w-11rem{max-width:11rem !important}.max-w-12rem{max-width:12rem !important}.max-w-13rem{max-width:13rem !important}.max-w-14rem{max-width:14rem !important}.max-w-15rem{max-width:15rem !important}.max-w-16rem{max-width:16rem !important}.max-w-17rem{max-width:17rem !important}.max-w-18rem{max-width:18rem !important}.max-w-19rem{max-width:19rem !important}.max-w-20rem{max-width:20rem !important}.max-w-21rem{max-width:21rem !important}.max-w-22rem{max-width:22rem !important}.max-w-23rem{max-width:23rem !important}.max-w-24rem{max-width:24rem !important}.max-w-25rem{max-width:25rem !important}.max-w-26rem{max-width:26rem !important}.max-w-27rem{max-width:27rem !important}.max-w-28rem{max-width:28rem !important}.max-w-29rem{max-width:29rem !important}.max-w-30rem{max-width:30rem !important}@media screen and (min-width: 576px){.sm\:max-w-0{max-width:0px !important}.sm\:max-w-full{max-width:100% !important}.sm\:max-w-screen{max-width:100vw !important}.sm\:max-w-min{max-width:min-content !important}.sm\:max-w-max{max-width:max-content !important}.sm\:max-w-fit{max-width:fit-content !important}.sm\:max-w-1rem{max-width:1rem !important}.sm\:max-w-2rem{max-width:2rem !important}.sm\:max-w-3rem{max-width:3rem !important}.sm\:max-w-4rem{max-width:4rem !important}.sm\:max-w-5rem{max-width:5rem !important}.sm\:max-w-6rem{max-width:6rem !important}.sm\:max-w-7rem{max-width:7rem !important}.sm\:max-w-8rem{max-width:8rem !important}.sm\:max-w-9rem{max-width:9rem !important}.sm\:max-w-10rem{max-width:10rem !important}.sm\:max-w-11rem{max-width:11rem !important}.sm\:max-w-12rem{max-width:12rem !important}.sm\:max-w-13rem{max-width:13rem !important}.sm\:max-w-14rem{max-width:14rem !important}.sm\:max-w-15rem{max-width:15rem !important}.sm\:max-w-16rem{max-width:16rem !important}.sm\:max-w-17rem{max-width:17rem !important}.sm\:max-w-18rem{max-width:18rem !important}.sm\:max-w-19rem{max-width:19rem !important}.sm\:max-w-20rem{max-width:20rem !important}.sm\:max-w-21rem{max-width:21rem !important}.sm\:max-w-22rem{max-width:22rem !important}.sm\:max-w-23rem{max-width:23rem !important}.sm\:max-w-24rem{max-width:24rem !important}.sm\:max-w-25rem{max-width:25rem !important}.sm\:max-w-26rem{max-width:26rem !important}.sm\:max-w-27rem{max-width:27rem !important}.sm\:max-w-28rem{max-width:28rem !important}.sm\:max-w-29rem{max-width:29rem !important}.sm\:max-w-30rem{max-width:30rem !important}}@media screen and (min-width: 768px){.md\:max-w-0{max-width:0px !important}.md\:max-w-full{max-width:100% !important}.md\:max-w-screen{max-width:100vw !important}.md\:max-w-min{max-width:min-content !important}.md\:max-w-max{max-width:max-content !important}.md\:max-w-fit{max-width:fit-content !important}.md\:max-w-1rem{max-width:1rem !important}.md\:max-w-2rem{max-width:2rem !important}.md\:max-w-3rem{max-width:3rem !important}.md\:max-w-4rem{max-width:4rem !important}.md\:max-w-5rem{max-width:5rem !important}.md\:max-w-6rem{max-width:6rem !important}.md\:max-w-7rem{max-width:7rem !important}.md\:max-w-8rem{max-width:8rem !important}.md\:max-w-9rem{max-width:9rem !important}.md\:max-w-10rem{max-width:10rem !important}.md\:max-w-11rem{max-width:11rem !important}.md\:max-w-12rem{max-width:12rem !important}.md\:max-w-13rem{max-width:13rem !important}.md\:max-w-14rem{max-width:14rem !important}.md\:max-w-15rem{max-width:15rem !important}.md\:max-w-16rem{max-width:16rem !important}.md\:max-w-17rem{max-width:17rem !important}.md\:max-w-18rem{max-width:18rem !important}.md\:max-w-19rem{max-width:19rem !important}.md\:max-w-20rem{max-width:20rem !important}.md\:max-w-21rem{max-width:21rem !important}.md\:max-w-22rem{max-width:22rem !important}.md\:max-w-23rem{max-width:23rem !important}.md\:max-w-24rem{max-width:24rem !important}.md\:max-w-25rem{max-width:25rem !important}.md\:max-w-26rem{max-width:26rem !important}.md\:max-w-27rem{max-width:27rem !important}.md\:max-w-28rem{max-width:28rem !important}.md\:max-w-29rem{max-width:29rem !important}.md\:max-w-30rem{max-width:30rem !important}}@media screen and (min-width: 992px){.lg\:max-w-0{max-width:0px !important}.lg\:max-w-full{max-width:100% !important}.lg\:max-w-screen{max-width:100vw !important}.lg\:max-w-min{max-width:min-content !important}.lg\:max-w-max{max-width:max-content !important}.lg\:max-w-fit{max-width:fit-content !important}.lg\:max-w-1rem{max-width:1rem !important}.lg\:max-w-2rem{max-width:2rem !important}.lg\:max-w-3rem{max-width:3rem !important}.lg\:max-w-4rem{max-width:4rem !important}.lg\:max-w-5rem{max-width:5rem !important}.lg\:max-w-6rem{max-width:6rem !important}.lg\:max-w-7rem{max-width:7rem !important}.lg\:max-w-8rem{max-width:8rem !important}.lg\:max-w-9rem{max-width:9rem !important}.lg\:max-w-10rem{max-width:10rem !important}.lg\:max-w-11rem{max-width:11rem !important}.lg\:max-w-12rem{max-width:12rem !important}.lg\:max-w-13rem{max-width:13rem !important}.lg\:max-w-14rem{max-width:14rem !important}.lg\:max-w-15rem{max-width:15rem !important}.lg\:max-w-16rem{max-width:16rem !important}.lg\:max-w-17rem{max-width:17rem !important}.lg\:max-w-18rem{max-width:18rem !important}.lg\:max-w-19rem{max-width:19rem !important}.lg\:max-w-20rem{max-width:20rem !important}.lg\:max-w-21rem{max-width:21rem !important}.lg\:max-w-22rem{max-width:22rem !important}.lg\:max-w-23rem{max-width:23rem !important}.lg\:max-w-24rem{max-width:24rem !important}.lg\:max-w-25rem{max-width:25rem !important}.lg\:max-w-26rem{max-width:26rem !important}.lg\:max-w-27rem{max-width:27rem !important}.lg\:max-w-28rem{max-width:28rem !important}.lg\:max-w-29rem{max-width:29rem !important}.lg\:max-w-30rem{max-width:30rem !important}}@media screen and (min-width: 1200px){.xl\:max-w-0{max-width:0px !important}.xl\:max-w-full{max-width:100% !important}.xl\:max-w-screen{max-width:100vw !important}.xl\:max-w-min{max-width:min-content !important}.xl\:max-w-max{max-width:max-content !important}.xl\:max-w-fit{max-width:fit-content !important}.xl\:max-w-1rem{max-width:1rem !important}.xl\:max-w-2rem{max-width:2rem !important}.xl\:max-w-3rem{max-width:3rem !important}.xl\:max-w-4rem{max-width:4rem !important}.xl\:max-w-5rem{max-width:5rem !important}.xl\:max-w-6rem{max-width:6rem !important}.xl\:max-w-7rem{max-width:7rem !important}.xl\:max-w-8rem{max-width:8rem !important}.xl\:max-w-9rem{max-width:9rem !important}.xl\:max-w-10rem{max-width:10rem !important}.xl\:max-w-11rem{max-width:11rem !important}.xl\:max-w-12rem{max-width:12rem !important}.xl\:max-w-13rem{max-width:13rem !important}.xl\:max-w-14rem{max-width:14rem !important}.xl\:max-w-15rem{max-width:15rem !important}.xl\:max-w-16rem{max-width:16rem !important}.xl\:max-w-17rem{max-width:17rem !important}.xl\:max-w-18rem{max-width:18rem !important}.xl\:max-w-19rem{max-width:19rem !important}.xl\:max-w-20rem{max-width:20rem !important}.xl\:max-w-21rem{max-width:21rem !important}.xl\:max-w-22rem{max-width:22rem !important}.xl\:max-w-23rem{max-width:23rem !important}.xl\:max-w-24rem{max-width:24rem !important}.xl\:max-w-25rem{max-width:25rem !important}.xl\:max-w-26rem{max-width:26rem !important}.xl\:max-w-27rem{max-width:27rem !important}.xl\:max-w-28rem{max-width:28rem !important}.xl\:max-w-29rem{max-width:29rem !important}.xl\:max-w-30rem{max-width:30rem !important}}.min-h-0{min-height:0px !important}.min-h-full{min-height:100% !important}.min-h-screen{min-height:100vh !important}@media screen and (min-width: 576px){.sm\:min-h-0{min-height:0px !important}.sm\:min-h-full{min-height:100% !important}.sm\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 768px){.md\:min-h-0{min-height:0px !important}.md\:min-h-full{min-height:100% !important}.md\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 992px){.lg\:min-h-0{min-height:0px !important}.lg\:min-h-full{min-height:100% !important}.lg\:min-h-screen{min-height:100vh !important}}@media screen and (min-width: 1200px){.xl\:min-h-0{min-height:0px !important}.xl\:min-h-full{min-height:100% !important}.xl\:min-h-screen{min-height:100vh !important}}.max-h-0{max-height:0px !important}.max-h-full{max-height:100% !important}.max-h-screen{max-height:100vh !important}.max-h-min{max-height:min-content !important}.max-h-max{max-height:max-content !important}.max-h-fit{max-height:fit-content !important}.max-h-1rem{max-height:1rem !important}.max-h-2rem{max-height:2rem !important}.max-h-3rem{max-height:3rem !important}.max-h-4rem{max-height:4rem !important}.max-h-5rem{max-height:5rem !important}.max-h-6rem{max-height:6rem !important}.max-h-7rem{max-height:7rem !important}.max-h-8rem{max-height:8rem !important}.max-h-9rem{max-height:9rem !important}.max-h-10rem{max-height:10rem !important}.max-h-11rem{max-height:11rem !important}.max-h-12rem{max-height:12rem !important}.max-h-13rem{max-height:13rem !important}.max-h-14rem{max-height:14rem !important}.max-h-15rem{max-height:15rem !important}.max-h-16rem{max-height:16rem !important}.max-h-17rem{max-height:17rem !important}.max-h-18rem{max-height:18rem !important}.max-h-19rem{max-height:19rem !important}.max-h-20rem{max-height:20rem !important}.max-h-21rem{max-height:21rem !important}.max-h-22rem{max-height:22rem !important}.max-h-23rem{max-height:23rem !important}.max-h-24rem{max-height:24rem !important}.max-h-25rem{max-height:25rem !important}.max-h-26rem{max-height:26rem !important}.max-h-27rem{max-height:27rem !important}.max-h-28rem{max-height:28rem !important}.max-h-29rem{max-height:29rem !important}.max-h-30rem{max-height:30rem !important}@media screen and (min-width: 576px){.sm\:max-h-0{max-height:0px !important}.sm\:max-h-full{max-height:100% !important}.sm\:max-h-screen{max-height:100vh !important}.sm\:max-h-min{max-height:min-content !important}.sm\:max-h-max{max-height:max-content !important}.sm\:max-h-fit{max-height:fit-content !important}.sm\:max-h-1rem{max-height:1rem !important}.sm\:max-h-2rem{max-height:2rem !important}.sm\:max-h-3rem{max-height:3rem !important}.sm\:max-h-4rem{max-height:4rem !important}.sm\:max-h-5rem{max-height:5rem !important}.sm\:max-h-6rem{max-height:6rem !important}.sm\:max-h-7rem{max-height:7rem !important}.sm\:max-h-8rem{max-height:8rem !important}.sm\:max-h-9rem{max-height:9rem !important}.sm\:max-h-10rem{max-height:10rem !important}.sm\:max-h-11rem{max-height:11rem !important}.sm\:max-h-12rem{max-height:12rem !important}.sm\:max-h-13rem{max-height:13rem !important}.sm\:max-h-14rem{max-height:14rem !important}.sm\:max-h-15rem{max-height:15rem !important}.sm\:max-h-16rem{max-height:16rem !important}.sm\:max-h-17rem{max-height:17rem !important}.sm\:max-h-18rem{max-height:18rem !important}.sm\:max-h-19rem{max-height:19rem !important}.sm\:max-h-20rem{max-height:20rem !important}.sm\:max-h-21rem{max-height:21rem !important}.sm\:max-h-22rem{max-height:22rem !important}.sm\:max-h-23rem{max-height:23rem !important}.sm\:max-h-24rem{max-height:24rem !important}.sm\:max-h-25rem{max-height:25rem !important}.sm\:max-h-26rem{max-height:26rem !important}.sm\:max-h-27rem{max-height:27rem !important}.sm\:max-h-28rem{max-height:28rem !important}.sm\:max-h-29rem{max-height:29rem !important}.sm\:max-h-30rem{max-height:30rem !important}}@media screen and (min-width: 768px){.md\:max-h-0{max-height:0px !important}.md\:max-h-full{max-height:100% !important}.md\:max-h-screen{max-height:100vh !important}.md\:max-h-min{max-height:min-content !important}.md\:max-h-max{max-height:max-content !important}.md\:max-h-fit{max-height:fit-content !important}.md\:max-h-1rem{max-height:1rem !important}.md\:max-h-2rem{max-height:2rem !important}.md\:max-h-3rem{max-height:3rem !important}.md\:max-h-4rem{max-height:4rem !important}.md\:max-h-5rem{max-height:5rem !important}.md\:max-h-6rem{max-height:6rem !important}.md\:max-h-7rem{max-height:7rem !important}.md\:max-h-8rem{max-height:8rem !important}.md\:max-h-9rem{max-height:9rem !important}.md\:max-h-10rem{max-height:10rem !important}.md\:max-h-11rem{max-height:11rem !important}.md\:max-h-12rem{max-height:12rem !important}.md\:max-h-13rem{max-height:13rem !important}.md\:max-h-14rem{max-height:14rem !important}.md\:max-h-15rem{max-height:15rem !important}.md\:max-h-16rem{max-height:16rem !important}.md\:max-h-17rem{max-height:17rem !important}.md\:max-h-18rem{max-height:18rem !important}.md\:max-h-19rem{max-height:19rem !important}.md\:max-h-20rem{max-height:20rem !important}.md\:max-h-21rem{max-height:21rem !important}.md\:max-h-22rem{max-height:22rem !important}.md\:max-h-23rem{max-height:23rem !important}.md\:max-h-24rem{max-height:24rem !important}.md\:max-h-25rem{max-height:25rem !important}.md\:max-h-26rem{max-height:26rem !important}.md\:max-h-27rem{max-height:27rem !important}.md\:max-h-28rem{max-height:28rem !important}.md\:max-h-29rem{max-height:29rem !important}.md\:max-h-30rem{max-height:30rem !important}}@media screen and (min-width: 992px){.lg\:max-h-0{max-height:0px !important}.lg\:max-h-full{max-height:100% !important}.lg\:max-h-screen{max-height:100vh !important}.lg\:max-h-min{max-height:min-content !important}.lg\:max-h-max{max-height:max-content !important}.lg\:max-h-fit{max-height:fit-content !important}.lg\:max-h-1rem{max-height:1rem !important}.lg\:max-h-2rem{max-height:2rem !important}.lg\:max-h-3rem{max-height:3rem !important}.lg\:max-h-4rem{max-height:4rem !important}.lg\:max-h-5rem{max-height:5rem !important}.lg\:max-h-6rem{max-height:6rem !important}.lg\:max-h-7rem{max-height:7rem !important}.lg\:max-h-8rem{max-height:8rem !important}.lg\:max-h-9rem{max-height:9rem !important}.lg\:max-h-10rem{max-height:10rem !important}.lg\:max-h-11rem{max-height:11rem !important}.lg\:max-h-12rem{max-height:12rem !important}.lg\:max-h-13rem{max-height:13rem !important}.lg\:max-h-14rem{max-height:14rem !important}.lg\:max-h-15rem{max-height:15rem !important}.lg\:max-h-16rem{max-height:16rem !important}.lg\:max-h-17rem{max-height:17rem !important}.lg\:max-h-18rem{max-height:18rem !important}.lg\:max-h-19rem{max-height:19rem !important}.lg\:max-h-20rem{max-height:20rem !important}.lg\:max-h-21rem{max-height:21rem !important}.lg\:max-h-22rem{max-height:22rem !important}.lg\:max-h-23rem{max-height:23rem !important}.lg\:max-h-24rem{max-height:24rem !important}.lg\:max-h-25rem{max-height:25rem !important}.lg\:max-h-26rem{max-height:26rem !important}.lg\:max-h-27rem{max-height:27rem !important}.lg\:max-h-28rem{max-height:28rem !important}.lg\:max-h-29rem{max-height:29rem !important}.lg\:max-h-30rem{max-height:30rem !important}}@media screen and (min-width: 1200px){.xl\:max-h-0{max-height:0px !important}.xl\:max-h-full{max-height:100% !important}.xl\:max-h-screen{max-height:100vh !important}.xl\:max-h-min{max-height:min-content !important}.xl\:max-h-max{max-height:max-content !important}.xl\:max-h-fit{max-height:fit-content !important}.xl\:max-h-1rem{max-height:1rem !important}.xl\:max-h-2rem{max-height:2rem !important}.xl\:max-h-3rem{max-height:3rem !important}.xl\:max-h-4rem{max-height:4rem !important}.xl\:max-h-5rem{max-height:5rem !important}.xl\:max-h-6rem{max-height:6rem !important}.xl\:max-h-7rem{max-height:7rem !important}.xl\:max-h-8rem{max-height:8rem !important}.xl\:max-h-9rem{max-height:9rem !important}.xl\:max-h-10rem{max-height:10rem !important}.xl\:max-h-11rem{max-height:11rem !important}.xl\:max-h-12rem{max-height:12rem !important}.xl\:max-h-13rem{max-height:13rem !important}.xl\:max-h-14rem{max-height:14rem !important}.xl\:max-h-15rem{max-height:15rem !important}.xl\:max-h-16rem{max-height:16rem !important}.xl\:max-h-17rem{max-height:17rem !important}.xl\:max-h-18rem{max-height:18rem !important}.xl\:max-h-19rem{max-height:19rem !important}.xl\:max-h-20rem{max-height:20rem !important}.xl\:max-h-21rem{max-height:21rem !important}.xl\:max-h-22rem{max-height:22rem !important}.xl\:max-h-23rem{max-height:23rem !important}.xl\:max-h-24rem{max-height:24rem !important}.xl\:max-h-25rem{max-height:25rem !important}.xl\:max-h-26rem{max-height:26rem !important}.xl\:max-h-27rem{max-height:27rem !important}.xl\:max-h-28rem{max-height:28rem !important}.xl\:max-h-29rem{max-height:29rem !important}.xl\:max-h-30rem{max-height:30rem !important}}.static{position:static !important}.fixed{position:fixed !important}.absolute{position:absolute !important}.relative{position:relative !important}.sticky{position:sticky !important}@media screen and (min-width: 576px){.sm\:static{position:static !important}.sm\:fixed{position:fixed !important}.sm\:absolute{position:absolute !important}.sm\:relative{position:relative !important}.sm\:sticky{position:sticky !important}}@media screen and (min-width: 768px){.md\:static{position:static !important}.md\:fixed{position:fixed !important}.md\:absolute{position:absolute !important}.md\:relative{position:relative !important}.md\:sticky{position:sticky !important}}@media screen and (min-width: 992px){.lg\:static{position:static !important}.lg\:fixed{position:fixed !important}.lg\:absolute{position:absolute !important}.lg\:relative{position:relative !important}.lg\:sticky{position:sticky !important}}@media screen and (min-width: 1200px){.xl\:static{position:static !important}.xl\:fixed{position:fixed !important}.xl\:absolute{position:absolute !important}.xl\:relative{position:relative !important}.xl\:sticky{position:sticky !important}}.top-auto{top:auto !important}.top-0{top:0px !important}.top-50{top:50% !important}.top-100{top:100% !important}@media screen and (min-width: 576px){.sm\:top-auto{top:auto !important}.sm\:top-0{top:0px !important}.sm\:top-50{top:50% !important}.sm\:top-100{top:100% !important}}@media screen and (min-width: 768px){.md\:top-auto{top:auto !important}.md\:top-0{top:0px !important}.md\:top-50{top:50% !important}.md\:top-100{top:100% !important}}@media screen and (min-width: 992px){.lg\:top-auto{top:auto !important}.lg\:top-0{top:0px !important}.lg\:top-50{top:50% !important}.lg\:top-100{top:100% !important}}@media screen and (min-width: 1200px){.xl\:top-auto{top:auto !important}.xl\:top-0{top:0px !important}.xl\:top-50{top:50% !important}.xl\:top-100{top:100% !important}}.left-auto{left:auto !important}.left-0{left:0px !important}.left-50{left:50% !important}.left-100{left:100% !important}@media screen and (min-width: 576px){.sm\:left-auto{left:auto !important}.sm\:left-0{left:0px !important}.sm\:left-50{left:50% !important}.sm\:left-100{left:100% !important}}@media screen and (min-width: 768px){.md\:left-auto{left:auto !important}.md\:left-0{left:0px !important}.md\:left-50{left:50% !important}.md\:left-100{left:100% !important}}@media screen and (min-width: 992px){.lg\:left-auto{left:auto !important}.lg\:left-0{left:0px !important}.lg\:left-50{left:50% !important}.lg\:left-100{left:100% !important}}@media screen and (min-width: 1200px){.xl\:left-auto{left:auto !important}.xl\:left-0{left:0px !important}.xl\:left-50{left:50% !important}.xl\:left-100{left:100% !important}}.right-auto{right:auto !important}.right-0{right:0px !important}.right-50{right:50% !important}.right-100{right:100% !important}@media screen and (min-width: 576px){.sm\:right-auto{right:auto !important}.sm\:right-0{right:0px !important}.sm\:right-50{right:50% !important}.sm\:right-100{right:100% !important}}@media screen and (min-width: 768px){.md\:right-auto{right:auto !important}.md\:right-0{right:0px !important}.md\:right-50{right:50% !important}.md\:right-100{right:100% !important}}@media screen and (min-width: 992px){.lg\:right-auto{right:auto !important}.lg\:right-0{right:0px !important}.lg\:right-50{right:50% !important}.lg\:right-100{right:100% !important}}@media screen and (min-width: 1200px){.xl\:right-auto{right:auto !important}.xl\:right-0{right:0px !important}.xl\:right-50{right:50% !important}.xl\:right-100{right:100% !important}}.bottom-auto{bottom:auto !important}.bottom-0{bottom:0px !important}.bottom-50{bottom:50% !important}.bottom-100{bottom:100% !important}@media screen and (min-width: 576px){.sm\:bottom-auto{bottom:auto !important}.sm\:bottom-0{bottom:0px !important}.sm\:bottom-50{bottom:50% !important}.sm\:bottom-100{bottom:100% !important}}@media screen and (min-width: 768px){.md\:bottom-auto{bottom:auto !important}.md\:bottom-0{bottom:0px !important}.md\:bottom-50{bottom:50% !important}.md\:bottom-100{bottom:100% !important}}@media screen and (min-width: 992px){.lg\:bottom-auto{bottom:auto !important}.lg\:bottom-0{bottom:0px !important}.lg\:bottom-50{bottom:50% !important}.lg\:bottom-100{bottom:100% !important}}@media screen and (min-width: 1200px){.xl\:bottom-auto{bottom:auto !important}.xl\:bottom-0{bottom:0px !important}.xl\:bottom-50{bottom:50% !important}.xl\:bottom-100{bottom:100% !important}}.overflow-auto{overflow:auto !important}.overflow-hidden{overflow:hidden !important}.overflow-visible{overflow:visible !important}.overflow-scroll{overflow:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-auto{overflow:auto !important}.sm\:overflow-hidden{overflow:hidden !important}.sm\:overflow-visible{overflow:visible !important}.sm\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-auto{overflow:auto !important}.md\:overflow-hidden{overflow:hidden !important}.md\:overflow-visible{overflow:visible !important}.md\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-auto{overflow:auto !important}.lg\:overflow-hidden{overflow:hidden !important}.lg\:overflow-visible{overflow:visible !important}.lg\:overflow-scroll{overflow:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-auto{overflow:auto !important}.xl\:overflow-hidden{overflow:hidden !important}.xl\:overflow-visible{overflow:visible !important}.xl\:overflow-scroll{overflow:scroll !important}}.overflow-x-auto{overflow-x:auto !important}.overflow-x-hidden{overflow-x:hidden !important}.overflow-x-visible{overflow-x:visible !important}.overflow-x-scroll{overflow-x:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-x-auto{overflow-x:auto !important}.sm\:overflow-x-hidden{overflow-x:hidden !important}.sm\:overflow-x-visible{overflow-x:visible !important}.sm\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-x-auto{overflow-x:auto !important}.md\:overflow-x-hidden{overflow-x:hidden !important}.md\:overflow-x-visible{overflow-x:visible !important}.md\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-x-auto{overflow-x:auto !important}.lg\:overflow-x-hidden{overflow-x:hidden !important}.lg\:overflow-x-visible{overflow-x:visible !important}.lg\:overflow-x-scroll{overflow-x:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-x-auto{overflow-x:auto !important}.xl\:overflow-x-hidden{overflow-x:hidden !important}.xl\:overflow-x-visible{overflow-x:visible !important}.xl\:overflow-x-scroll{overflow-x:scroll !important}}.overflow-y-auto{overflow-y:auto !important}.overflow-y-hidden{overflow-y:hidden !important}.overflow-y-visible{overflow-y:visible !important}.overflow-y-scroll{overflow-y:scroll !important}@media screen and (min-width: 576px){.sm\:overflow-y-auto{overflow-y:auto !important}.sm\:overflow-y-hidden{overflow-y:hidden !important}.sm\:overflow-y-visible{overflow-y:visible !important}.sm\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 768px){.md\:overflow-y-auto{overflow-y:auto !important}.md\:overflow-y-hidden{overflow-y:hidden !important}.md\:overflow-y-visible{overflow-y:visible !important}.md\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 992px){.lg\:overflow-y-auto{overflow-y:auto !important}.lg\:overflow-y-hidden{overflow-y:hidden !important}.lg\:overflow-y-visible{overflow-y:visible !important}.lg\:overflow-y-scroll{overflow-y:scroll !important}}@media screen and (min-width: 1200px){.xl\:overflow-y-auto{overflow-y:auto !important}.xl\:overflow-y-hidden{overflow-y:hidden !important}.xl\:overflow-y-visible{overflow-y:visible !important}.xl\:overflow-y-scroll{overflow-y:scroll !important}}.z-auto{z-index:auto !important}.z-0{z-index:0 !important}.z-1{z-index:1 !important}.z-2{z-index:2 !important}.z-3{z-index:3 !important}.z-4{z-index:4 !important}.z-5{z-index:5 !important}@media screen and (min-width: 576px){.sm\:z-auto{z-index:auto !important}.sm\:z-0{z-index:0 !important}.sm\:z-1{z-index:1 !important}.sm\:z-2{z-index:2 !important}.sm\:z-3{z-index:3 !important}.sm\:z-4{z-index:4 !important}.sm\:z-5{z-index:5 !important}}@media screen and (min-width: 768px){.md\:z-auto{z-index:auto !important}.md\:z-0{z-index:0 !important}.md\:z-1{z-index:1 !important}.md\:z-2{z-index:2 !important}.md\:z-3{z-index:3 !important}.md\:z-4{z-index:4 !important}.md\:z-5{z-index:5 !important}}@media screen and (min-width: 992px){.lg\:z-auto{z-index:auto !important}.lg\:z-0{z-index:0 !important}.lg\:z-1{z-index:1 !important}.lg\:z-2{z-index:2 !important}.lg\:z-3{z-index:3 !important}.lg\:z-4{z-index:4 !important}.lg\:z-5{z-index:5 !important}}@media screen and (min-width: 1200px){.xl\:z-auto{z-index:auto !important}.xl\:z-0{z-index:0 !important}.xl\:z-1{z-index:1 !important}.xl\:z-2{z-index:2 !important}.xl\:z-3{z-index:3 !important}.xl\:z-4{z-index:4 !important}.xl\:z-5{z-index:5 !important}}.bg-repeat{background-repeat:repeat !important}.bg-no-repeat{background-repeat:no-repeat !important}.bg-repeat-x{background-repeat:repeat-x !important}.bg-repeat-y{background-repeat:repeat-y !important}.bg-repeat-round{background-repeat:round !important}.bg-repeat-space{background-repeat:space !important}@media screen and (min-width: 576px){.sm\:bg-repeat{background-repeat:repeat !important}.sm\:bg-no-repeat{background-repeat:no-repeat !important}.sm\:bg-repeat-x{background-repeat:repeat-x !important}.sm\:bg-repeat-y{background-repeat:repeat-y !important}.sm\:bg-repeat-round{background-repeat:round !important}.sm\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 768px){.md\:bg-repeat{background-repeat:repeat !important}.md\:bg-no-repeat{background-repeat:no-repeat !important}.md\:bg-repeat-x{background-repeat:repeat-x !important}.md\:bg-repeat-y{background-repeat:repeat-y !important}.md\:bg-repeat-round{background-repeat:round !important}.md\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 992px){.lg\:bg-repeat{background-repeat:repeat !important}.lg\:bg-no-repeat{background-repeat:no-repeat !important}.lg\:bg-repeat-x{background-repeat:repeat-x !important}.lg\:bg-repeat-y{background-repeat:repeat-y !important}.lg\:bg-repeat-round{background-repeat:round !important}.lg\:bg-repeat-space{background-repeat:space !important}}@media screen and (min-width: 1200px){.xl\:bg-repeat{background-repeat:repeat !important}.xl\:bg-no-repeat{background-repeat:no-repeat !important}.xl\:bg-repeat-x{background-repeat:repeat-x !important}.xl\:bg-repeat-y{background-repeat:repeat-y !important}.xl\:bg-repeat-round{background-repeat:round !important}.xl\:bg-repeat-space{background-repeat:space !important}}.bg-auto{background-size:auto !important}.bg-cover{background-size:cover !important}.bg-contain{background-size:contain !important}@media screen and (min-width: 576px){.sm\:bg-auto{background-size:auto !important}.sm\:bg-cover{background-size:cover !important}.sm\:bg-contain{background-size:contain !important}}@media screen and (min-width: 768px){.md\:bg-auto{background-size:auto !important}.md\:bg-cover{background-size:cover !important}.md\:bg-contain{background-size:contain !important}}@media screen and (min-width: 992px){.lg\:bg-auto{background-size:auto !important}.lg\:bg-cover{background-size:cover !important}.lg\:bg-contain{background-size:contain !important}}@media screen and (min-width: 1200px){.xl\:bg-auto{background-size:auto !important}.xl\:bg-cover{background-size:cover !important}.xl\:bg-contain{background-size:contain !important}}.bg-bottom{background-position:bottom !important}.bg-center{background-position:center !important}.bg-left{background-position:left !important}.bg-left-bottom{background-position:left bottom !important}.bg-left-top{background-position:left top !important}.bg-right{background-position:right !important}.bg-right-bottom{background-position:right bottom !important}.bg-right-top{background-position:right top !important}.bg-top{background-position:top !important}@media screen and (min-width: 576px){.sm\:bg-bottom{background-position:bottom !important}.sm\:bg-center{background-position:center !important}.sm\:bg-left{background-position:left !important}.sm\:bg-left-bottom{background-position:left bottom !important}.sm\:bg-left-top{background-position:left top !important}.sm\:bg-right{background-position:right !important}.sm\:bg-right-bottom{background-position:right bottom !important}.sm\:bg-right-top{background-position:right top !important}.sm\:bg-top{background-position:top !important}}@media screen and (min-width: 768px){.md\:bg-bottom{background-position:bottom !important}.md\:bg-center{background-position:center !important}.md\:bg-left{background-position:left !important}.md\:bg-left-bottom{background-position:left bottom !important}.md\:bg-left-top{background-position:left top !important}.md\:bg-right{background-position:right !important}.md\:bg-right-bottom{background-position:right bottom !important}.md\:bg-right-top{background-position:right top !important}.md\:bg-top{background-position:top !important}}@media screen and (min-width: 992px){.lg\:bg-bottom{background-position:bottom !important}.lg\:bg-center{background-position:center !important}.lg\:bg-left{background-position:left !important}.lg\:bg-left-bottom{background-position:left bottom !important}.lg\:bg-left-top{background-position:left top !important}.lg\:bg-right{background-position:right !important}.lg\:bg-right-bottom{background-position:right bottom !important}.lg\:bg-right-top{background-position:right top !important}.lg\:bg-top{background-position:top !important}}@media screen and (min-width: 1200px){.xl\:bg-bottom{background-position:bottom !important}.xl\:bg-center{background-position:center !important}.xl\:bg-left{background-position:left !important}.xl\:bg-left-bottom{background-position:left bottom !important}.xl\:bg-left-top{background-position:left top !important}.xl\:bg-right{background-position:right !important}.xl\:bg-right-bottom{background-position:right bottom !important}.xl\:bg-right-top{background-position:right top !important}.xl\:bg-top{background-position:top !important}}.select-none{user-select:none !important}.select-text{user-select:text !important}.select-all{user-select:all !important}.select-auto{user-select:auto !important}.list-none{list-style:none !important}.list-disc{list-style:disc !important}.list-decimal{list-style:decimal !important}.appearance-none{appearance:none !important}.outline-none{outline:none !important}.pointer-events-none{pointer-events:none !important}.pointer-events-auto{pointer-events:auto !important}.cursor-auto{cursor:auto !important}.cursor-pointer{cursor:pointer !important}.cursor-wait{cursor:wait !important}.cursor-move{cursor:move !important}.select-none{user-select:none !important}.select-text{user-select:text !important}.select-all{user-select:all !important}.select-auto{user-select:auto !important}.opacity-0{opacity:0 !important}.opacity-10{opacity:.1 !important}.opacity-20{opacity:.2 !important}.opacity-30{opacity:.3 !important}.opacity-40{opacity:.4 !important}.opacity-50{opacity:.5 !important}.opacity-60{opacity:.6 !important}.opacity-70{opacity:.7 !important}.opacity-80{opacity:.8 !important}.opacity-90{opacity:.9 !important}.opacity-100{opacity:1 !important}.transition-none{transition-property:none !important}.transition-all{transition-property:all !important}.transition-colors{transition-property:background-color,border-color,color !important}.transition-transform{transition-property:transform !important}.transition-duration-100{transition-duration:100ms !important}.transition-duration-150{transition-duration:150ms !important}.transition-duration-200{transition-duration:200ms !important}.transition-duration-300{transition-duration:300ms !important}.transition-duration-400{transition-duration:400ms !important}.transition-duration-500{transition-duration:500ms !important}.transition-duration-1000{transition-duration:1000ms !important}.transition-duration-2000{transition-duration:2000ms !important}.transition-duration-3000{transition-duration:3000ms !important}.transition-linear{transition-timing-function:linear !important}.transition-ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1) !important}.transition-ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1) !important}.transition-ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important}.transition-delay-100{transition-delay:100ms !important}.transition-delay-150{transition-delay:150ms !important}.transition-delay-200{transition-delay:200ms !important}.transition-delay-300{transition-delay:300ms !important}.transition-delay-400{transition-delay:400ms !important}.transition-delay-500{transition-delay:500ms !important}.transition-delay-1000{transition-delay:1000ms !important}.translate-x-0{transform:translateX(0%) !important}.translate-x-100{transform:translateX(100%) !important}.-translate-x-100{transform:translateX(-100%) !important}.translate-y-0{transform:translateY(0%) !important}.translate-y-100{transform:translateY(100%) !important}.-translate-y-100{transform:translateY(-100%) !important}@media screen and (min-width: 576px){.sm\:translate-x-0{transform:translateX(0%) !important}.sm\:translate-x-100{transform:translateX(100%) !important}.sm\:-translate-x-100{transform:translateX(-100%) !important}.sm\:translate-y-0{transform:translateY(0%) !important}.sm\:translate-y-100{transform:translateY(100%) !important}.sm\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 768px){.md\:translate-x-0{transform:translateX(0%) !important}.md\:translate-x-100{transform:translateX(100%) !important}.md\:-translate-x-100{transform:translateX(-100%) !important}.md\:translate-y-0{transform:translateY(0%) !important}.md\:translate-y-100{transform:translateY(100%) !important}.md\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 992px){.lg\:translate-x-0{transform:translateX(0%) !important}.lg\:translate-x-100{transform:translateX(100%) !important}.lg\:-translate-x-100{transform:translateX(-100%) !important}.lg\:translate-y-0{transform:translateY(0%) !important}.lg\:translate-y-100{transform:translateY(100%) !important}.lg\:-translate-y-100{transform:translateY(-100%) !important}}@media screen and (min-width: 1200px){.xl\:translate-x-0{transform:translateX(0%) !important}.xl\:translate-x-100{transform:translateX(100%) !important}.xl\:-translate-x-100{transform:translateX(-100%) !important}.xl\:translate-y-0{transform:translateY(0%) !important}.xl\:translate-y-100{transform:translateY(100%) !important}.xl\:-translate-y-100{transform:translateY(-100%) !important}}.rotate-45{transform:rotate(45deg) !important}.-rotate-45{transform:rotate(-45deg) !important}.rotate-90{transform:rotate(90deg) !important}.-rotate-90{transform:rotate(-90deg) !important}.rotate-180{transform:rotate(180deg) !important}.-rotate-180{transform:rotate(-180deg) !important}@media screen and (min-width: 576px){.sm\:rotate-45{transform:rotate(45deg) !important}.sm\:-rotate-45{transform:rotate(-45deg) !important}.sm\:rotate-90{transform:rotate(90deg) !important}.sm\:-rotate-90{transform:rotate(-90deg) !important}.sm\:rotate-180{transform:rotate(180deg) !important}.sm\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 768px){.md\:rotate-45{transform:rotate(45deg) !important}.md\:-rotate-45{transform:rotate(-45deg) !important}.md\:rotate-90{transform:rotate(90deg) !important}.md\:-rotate-90{transform:rotate(-90deg) !important}.md\:rotate-180{transform:rotate(180deg) !important}.md\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 992px){.lg\:rotate-45{transform:rotate(45deg) !important}.lg\:-rotate-45{transform:rotate(-45deg) !important}.lg\:rotate-90{transform:rotate(90deg) !important}.lg\:-rotate-90{transform:rotate(-90deg) !important}.lg\:rotate-180{transform:rotate(180deg) !important}.lg\:-rotate-180{transform:rotate(-180deg) !important}}@media screen and (min-width: 1200px){.xl\:rotate-45{transform:rotate(45deg) !important}.xl\:-rotate-45{transform:rotate(-45deg) !important}.xl\:rotate-90{transform:rotate(90deg) !important}.xl\:-rotate-90{transform:rotate(-90deg) !important}.xl\:rotate-180{transform:rotate(180deg) !important}.xl\:-rotate-180{transform:rotate(-180deg) !important}}.origin-center{transform-origin:center !important}.origin-top{transform-origin:top !important}.origin-top-right{transform-origin:top right !important}.origin-right{transform-origin:right !important}.origin-bottom-right{transform-origin:bottom right !important}.origin-bottom{transform-origin:bottom !important}.origin-bottom-left{transform-origin:bottom left !important}.origin-left{transform-origin:left !important}.origin-top-left{transform-origin:top-left !important}@media screen and (min-width: 576px){.sm\:origin-center{transform-origin:center !important}.sm\:origin-top{transform-origin:top !important}.sm\:origin-top-right{transform-origin:top right !important}.sm\:origin-right{transform-origin:right !important}.sm\:origin-bottom-right{transform-origin:bottom right !important}.sm\:origin-bottom{transform-origin:bottom !important}.sm\:origin-bottom-left{transform-origin:bottom left !important}.sm\:origin-left{transform-origin:left !important}.sm\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 768px){.md\:origin-center{transform-origin:center !important}.md\:origin-top{transform-origin:top !important}.md\:origin-top-right{transform-origin:top right !important}.md\:origin-right{transform-origin:right !important}.md\:origin-bottom-right{transform-origin:bottom right !important}.md\:origin-bottom{transform-origin:bottom !important}.md\:origin-bottom-left{transform-origin:bottom left !important}.md\:origin-left{transform-origin:left !important}.md\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 992px){.lg\:origin-center{transform-origin:center !important}.lg\:origin-top{transform-origin:top !important}.lg\:origin-top-right{transform-origin:top right !important}.lg\:origin-right{transform-origin:right !important}.lg\:origin-bottom-right{transform-origin:bottom right !important}.lg\:origin-bottom{transform-origin:bottom !important}.lg\:origin-bottom-left{transform-origin:bottom left !important}.lg\:origin-left{transform-origin:left !important}.lg\:origin-top-left{transform-origin:top-left !important}}@media screen and (min-width: 1200px){.xl\:origin-center{transform-origin:center !important}.xl\:origin-top{transform-origin:top !important}.xl\:origin-top-right{transform-origin:top right !important}.xl\:origin-right{transform-origin:right !important}.xl\:origin-bottom-right{transform-origin:bottom right !important}.xl\:origin-bottom{transform-origin:bottom !important}.xl\:origin-bottom-left{transform-origin:bottom left !important}.xl\:origin-left{transform-origin:left !important}.xl\:origin-top-left{transform-origin:top-left !important}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}@keyframes scalein{0%{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:scaleY(1)}}@keyframes slidedown{0%{max-height:0}100%{max-height:auto}}@keyframes slideup{0%{max-height:1000px}100%{max-height:0}}@keyframes fadeinleft{0%{opacity:0;transform:translateX(-100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateX(0%)}}@keyframes fadeoutleft{0%{opacity:1;transform:translateX(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateX(-100%)}}@keyframes fadeinright{0%{opacity:0;transform:translateX(100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateX(0%)}}@keyframes fadeoutright{0%{opacity:1;transform:translateX(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateX(100%)}}@keyframes fadeinup{0%{opacity:0;transform:translateY(-100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateY(0%)}}@keyframes fadeoutup{0%{opacity:1;transform:translateY(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateY(-100%)}}@keyframes fadeindown{0%{opacity:0;transform:translateY(100%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:1;transform:translateY(0%)}}@keyframes fadeoutdown{0%{opacity:1;transform:translateY(0%);transition:transform .12s cubic-bezier(0, 0, 0.2, 1),opacity .12s cubic-bezier(0, 0, 0.2, 1)}100%{opacity:0;transform:translateY(100%)}}@keyframes animate-width{0%{width:0}100%{width:100%}}.fadein{animation:fadein .15s linear}.fadeout{animation:fadeout .15s linear}.slidedown{animation:slidedown .45s ease-in-out}.slideup{animation:slideup .45s cubic-bezier(0, 1, 0, 1)}.scalein{animation:scalein .15s linear}.fadeinleft{animation:fadeinleft .15s linear}.fadeoutleft{animation:fadeoutleft .15s linear}.fadeinright{animation:fadeinright .15s linear}.fadeoutright{animation:fadeoutright .15s linear}.fadeinup{animation:fadeinup .15s linear}.fadeoutup{animation:fadeoutup .15s linear}.fadeindown{animation:fadeindown .15s linear}.fadeoutdown{animation:fadeoutdown .15s linear}.animate-width{animation:animate-width 1000ms linear}.animation-duration-100{animation-duration:100ms !important}.animation-duration-150{animation-duration:150ms !important}.animation-duration-200{animation-duration:200ms !important}.animation-duration-300{animation-duration:300ms !important}.animation-duration-400{animation-duration:400ms !important}.animation-duration-500{animation-duration:500ms !important}.animation-duration-1000{animation-duration:1000ms !important}.animation-duration-2000{animation-duration:2000ms !important}.animation-duration-3000{animation-duration:3000ms !important}.animation-delay-100{animation-delay:100ms !important}.animation-delay-150{animation-delay:150ms !important}.animation-delay-200{animation-delay:200ms !important}.animation-delay-300{animation-delay:300ms !important}.animation-delay-400{animation-delay:400ms !important}.animation-delay-500{animation-delay:500ms !important}.animation-delay-1000{animation-delay:1000ms !important}.animation-iteration-1{animation-iteration-count:1 !important}.animation-iteration-2{animation-iteration-count:2 !important}.animation-iteration-infinite{animation-iteration-count:infinite !important}.animation-linear{animation-timing-function:linear !important}.animation-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1) !important}.animation-ease-out{animation-timing-function:cubic-bezier(0, 0, 0.2, 1) !important}.animation-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1) !important}.animation-fill-none{animation-fill-mode:none !important}.animation-fill-forwards{animation-fill-mode:forwards !important}.animation-fill-backwards{animation-fill-mode:backwards !important}.animation-fill-both{animation-fill-mode:both !important} \ No newline at end of file diff --git a/src/main/resources/resources/layout/primeicons/fonts/primeicons.eot b/src/main/resources/resources/layout/primeicons/fonts/primeicons.eot new file mode 100644 index 0000000..9de56ff Binary files /dev/null and b/src/main/resources/resources/layout/primeicons/fonts/primeicons.eot differ diff --git a/src/main/resources/resources/layout/primeicons/fonts/primeicons.svg b/src/main/resources/resources/layout/primeicons/fonts/primeicons.svg new file mode 100644 index 0000000..eea3f4a --- /dev/null +++ b/src/main/resources/resources/layout/primeicons/fonts/primeicons.svg @@ -0,0 +1,292 @@ + + + + + + +{ + "fontFamily": "primeicons", + "majorVersion": 1, + "minorVersion": 0, + "copyright": "PrimeTek Informatics", + "designer": "", + "description": "Icon Library for Prime UI Libraries\nFont generated by IcoMoon.", + "fontURL": "https://github.com/primefaces/primeicons", + "license": "MIT", + "licenseURL": "https://opensource.org/licenses/MIT", + "version": "Version 1.0", + "fontId": "primeicons", + "psName": "primeicons", + "subFamily": "Regular", + "fullName": "primeicons" +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/main/resources/resources/layout/primeicons/fonts/primeicons.ttf b/src/main/resources/resources/layout/primeicons/fonts/primeicons.ttf new file mode 100644 index 0000000..4fd92dc Binary files /dev/null and b/src/main/resources/resources/layout/primeicons/fonts/primeicons.ttf differ diff --git a/src/main/resources/resources/layout/primeicons/fonts/primeicons.woff b/src/main/resources/resources/layout/primeicons/fonts/primeicons.woff new file mode 100644 index 0000000..8dfdf0e Binary files /dev/null and b/src/main/resources/resources/layout/primeicons/fonts/primeicons.woff differ diff --git a/src/main/resources/resources/layout/primeicons/fonts/primeicons.woff2 b/src/main/resources/resources/layout/primeicons/fonts/primeicons.woff2 new file mode 100644 index 0000000..093ccee Binary files /dev/null and b/src/main/resources/resources/layout/primeicons/fonts/primeicons.woff2 differ diff --git a/src/main/resources/resources/layout/primeicons/primeicons.css b/src/main/resources/resources/layout/primeicons/primeicons.css new file mode 100644 index 0000000..6acceed --- /dev/null +++ b/src/main/resources/resources/layout/primeicons/primeicons.css @@ -0,0 +1,1106 @@ +@font-face { + font-family: 'primeicons'; + font-display: block; + src: url("#{resource['layout:primeicons/fonts/primeicons.eot']}"); + src: url("#{resource['layout:primeicons/fonts/primeicons.eot']}#iefix") format('embedded-opentype'), + url("#{resource['layout:primeicons/fonts/primeicons.woff2']}") format('woff2'), + url("#{resource['layout:primeicons/fonts/primeicons.woff']}") format('woff'), + url("#{resource['layout:primeicons/fonts/primeicons.ttf']}") format('truetype'), + url("#{resource['layout:primeicons/fonts/primeicons.svg']}#primeicons") format('svg'); + font-weight: normal; + font-style: normal; +} + +.pi { + font-family: 'primeicons'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.pi:before { + --webkit-backface-visibility:hidden; + backface-visibility: hidden; +} + +.pi-fw { + width: 1.28571429em; + text-align: center; +} + +.pi-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} + +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +.pi-eraser:before { + content: "\ea04"; +} + +.pi-stopwatch:before { + content: "\ea01"; +} + +.pi-verified:before { + content: "\ea02"; +} + +.pi-delete-left:before { + content: "\ea03"; +} + +.pi-hourglass:before { + content: "\e9fe"; +} + +.pi-truck:before { + content: "\ea00"; +} + +.pi-wrench:before { + content: "\e9ff"; +} + +.pi-microphone:before { + content: "\e9fa"; +} + +.pi-megaphone:before { + content: "\e9fb"; +} + +.pi-arrow-right-arrow-left:before { + content: "\e9fc"; +} + +.pi-bitcoin:before { + content: "\e9fd"; +} + +.pi-file-edit:before { + content: "\e9f6"; +} + +.pi-language:before { + content: "\e9f7"; +} + +.pi-file-export:before { + content: "\e9f8"; +} + +.pi-file-import:before { + content: "\e9f9"; +} + +.pi-file-word:before { + content: "\e9f1"; +} + +.pi-gift:before { + content: "\e9f2"; +} + +.pi-cart-plus:before { + content: "\e9f3"; +} + +.pi-thumbs-down-fill:before { + content: "\e9f4"; +} + +.pi-thumbs-up-fill:before { + content: "\e9f5"; +} + +.pi-arrows-alt:before { + content: "\e9f0"; +} + +.pi-calculator:before { + content: "\e9ef"; +} + +.pi-sort-alt-slash:before { + content: "\e9ee"; +} + +.pi-arrows-h:before { + content: "\e9ec"; +} + +.pi-arrows-v:before { + content: "\e9ed"; +} + +.pi-pound:before { + content: "\e9eb"; +} + +.pi-prime:before { + content: "\e9ea"; +} + +.pi-chart-pie:before { + content: "\e9e9"; +} + +.pi-reddit:before { + content: "\e9e8"; +} + +.pi-code:before { + content: "\e9e7"; +} + +.pi-sync:before { + content: "\e9e6"; +} + +.pi-shopping-bag:before { + content: "\e9e5"; +} + +.pi-server:before { + content: "\e9e4"; +} + +.pi-database:before { + content: "\e9e3"; +} + +.pi-hashtag:before { + content: "\e9e2"; +} + +.pi-bookmark-fill:before { + content: "\e9df"; +} + +.pi-filter-fill:before { + content: "\e9e0"; +} + +.pi-heart-fill:before { + content: "\e9e1"; +} + +.pi-flag-fill:before { + content: "\e9de"; +} + +.pi-circle:before { + content: "\e9dc"; +} + +.pi-circle-fill:before { + content: "\e9dd"; +} + +.pi-bolt:before { + content: "\e9db"; +} + +.pi-history:before { + content: "\e9da"; +} + +.pi-box:before { + content: "\e9d9"; +} + +.pi-at:before { + content: "\e9d8"; +} + +.pi-arrow-up-right:before { + content: "\e9d4"; +} + +.pi-arrow-up-left:before { + content: "\e9d5"; +} + +.pi-arrow-down-left:before { + content: "\e9d6"; +} + +.pi-arrow-down-right:before { + content: "\e9d7"; +} + +.pi-telegram:before { + content: "\e9d3"; +} + +.pi-stop-circle:before { + content: "\e9d2"; +} + +.pi-stop:before { + content: "\e9d1"; +} + +.pi-whatsapp:before { + content: "\e9d0"; +} + +.pi-building:before { + content: "\e9cf"; +} + +.pi-qrcode:before { + content: "\e9ce"; +} + +.pi-car:before { + content: "\e9cd"; +} + +.pi-instagram:before { + content: "\e9cc"; +} + +.pi-linkedin:before { + content: "\e9cb"; +} + +.pi-send:before { + content: "\e9ca"; +} + +.pi-slack:before { + content: "\e9c9"; +} + +.pi-sun:before { + content: "\e9c8"; +} + +.pi-moon:before { + content: "\e9c7"; +} + +.pi-vimeo:before { + content: "\e9c6"; +} + +.pi-youtube:before { + content: "\e9c5"; +} + +.pi-flag:before { + content: "\e9c4"; +} + +.pi-wallet:before { + content: "\e9c3"; +} + +.pi-map:before { + content: "\e9c2"; +} + +.pi-link:before { + content: "\e9c1"; +} + +.pi-credit-card:before { + content: "\e9bf"; +} + +.pi-discord:before { + content: "\e9c0"; +} + +.pi-percentage:before { + content: "\e9be"; +} + +.pi-euro:before { + content: "\e9bd"; +} + +.pi-book:before { + content: "\e9ba"; +} + +.pi-shield:before { + content: "\e9b9"; +} + +.pi-paypal:before { + content: "\e9bb"; +} + +.pi-amazon:before { + content: "\e9bc"; +} + +.pi-phone:before { + content: "\e9b8"; +} + +.pi-filter-slash:before { + content: "\e9b7"; +} + +.pi-facebook:before { + content: "\e9b4"; +} + +.pi-github:before { + content: "\e9b5"; +} + +.pi-twitter:before { + content: "\e9b6"; +} + +.pi-step-backward-alt:before { + content: "\e9ac"; +} + +.pi-step-forward-alt:before { + content: "\e9ad"; +} + +.pi-forward:before { + content: "\e9ae"; +} + +.pi-backward:before { + content: "\e9af"; +} + +.pi-fast-backward:before { + content: "\e9b0"; +} + +.pi-fast-forward:before { + content: "\e9b1"; +} + +.pi-pause:before { + content: "\e9b2"; +} + +.pi-play:before { + content: "\e9b3"; +} + +.pi-compass:before { + content: "\e9ab"; +} + +.pi-id-card:before { + content: "\e9aa"; +} + +.pi-ticket:before { + content: "\e9a9"; +} + +.pi-file-o:before { + content: "\e9a8"; +} + +.pi-reply:before { + content: "\e9a7"; +} + +.pi-directions-alt:before { + content: "\e9a5"; +} + +.pi-directions:before { + content: "\e9a6"; +} + +.pi-thumbs-up:before { + content: "\e9a3"; +} + +.pi-thumbs-down:before { + content: "\e9a4"; +} + +.pi-sort-numeric-down-alt:before { + content: "\e996"; +} + +.pi-sort-numeric-up-alt:before { + content: "\e997"; +} + +.pi-sort-alpha-down-alt:before { + content: "\e998"; +} + +.pi-sort-alpha-up-alt:before { + content: "\e999"; +} + +.pi-sort-numeric-down:before { + content: "\e99a"; +} + +.pi-sort-numeric-up:before { + content: "\e99b"; +} + +.pi-sort-alpha-down:before { + content: "\e99c"; +} + +.pi-sort-alpha-up:before { + content: "\e99d"; +} + +.pi-sort-alt:before { + content: "\e99e"; +} + +.pi-sort-amount-up:before { + content: "\e99f"; +} + +.pi-sort-amount-down:before { + content: "\e9a0"; +} + +.pi-sort-amount-down-alt:before { + content: "\e9a1"; +} + +.pi-sort-amount-up-alt:before { + content: "\e9a2"; +} + +.pi-palette:before { + content: "\e995"; +} + +.pi-undo:before { + content: "\e994"; +} + +.pi-desktop:before { + content: "\e993"; +} + +.pi-sliders-v:before { + content: "\e991"; +} + +.pi-sliders-h:before { + content: "\e992"; +} + +.pi-search-plus:before { + content: "\e98f"; +} + +.pi-search-minus:before { + content: "\e990"; +} + +.pi-file-excel:before { + content: "\e98e"; +} + +.pi-file-pdf:before { + content: "\e98d"; +} + +.pi-check-square:before { + content: "\e98c"; +} + +.pi-chart-line:before { + content: "\e98b"; +} + +.pi-user-edit:before { + content: "\e98a"; +} + +.pi-exclamation-circle:before { + content: "\e989"; +} + +.pi-android:before { + content: "\e985"; +} + +.pi-google:before { + content: "\e986"; +} + +.pi-apple:before { + content: "\e987"; +} + +.pi-microsoft:before { + content: "\e988"; +} + +.pi-heart:before { + content: "\e984"; +} + +.pi-mobile:before { + content: "\e982"; +} + +.pi-tablet:before { + content: "\e983"; +} + +.pi-key:before { + content: "\e981"; +} + +.pi-shopping-cart:before { + content: "\e980"; +} + +.pi-comments:before { + content: "\e97e"; +} + +.pi-comment:before { + content: "\e97f"; +} + +.pi-briefcase:before { + content: "\e97d"; +} + +.pi-bell:before { + content: "\e97c"; +} + +.pi-paperclip:before { + content: "\e97b"; +} + +.pi-share-alt:before { + content: "\e97a"; +} + +.pi-envelope:before { + content: "\e979"; +} + +.pi-volume-down:before { + content: "\e976"; +} + +.pi-volume-up:before { + content: "\e977"; +} + +.pi-volume-off:before { + content: "\e978"; +} + +.pi-eject:before { + content: "\e975"; +} + +.pi-money-bill:before { + content: "\e974"; +} + +.pi-images:before { + content: "\e973"; +} + +.pi-image:before { + content: "\e972"; +} + +.pi-sign-in:before { + content: "\e970"; +} + +.pi-sign-out:before { + content: "\e971"; +} + +.pi-wifi:before { + content: "\e96f"; +} + +.pi-sitemap:before { + content: "\e96e"; +} + +.pi-chart-bar:before { + content: "\e96d"; +} + +.pi-camera:before { + content: "\e96c"; +} + +.pi-dollar:before { + content: "\e96b"; +} + +.pi-lock-open:before { + content: "\e96a"; +} + +.pi-table:before { + content: "\e969"; +} + +.pi-map-marker:before { + content: "\e968"; +} + +.pi-list:before { + content: "\e967"; +} + +.pi-eye-slash:before { + content: "\e965"; +} + +.pi-eye:before { + content: "\e966"; +} + +.pi-folder-open:before { + content: "\e964"; +} + +.pi-folder:before { + content: "\e963"; +} + +.pi-video:before { + content: "\e962"; +} + +.pi-inbox:before { + content: "\e961"; +} + +.pi-lock:before { + content: "\e95f"; +} + +.pi-unlock:before { + content: "\e960"; +} + +.pi-tags:before { + content: "\e95d"; +} + +.pi-tag:before { + content: "\e95e"; +} + +.pi-power-off:before { + content: "\e95c"; +} + +.pi-save:before { + content: "\e95b"; +} + +.pi-question-circle:before { + content: "\e959"; +} + +.pi-question:before { + content: "\e95a"; +} + +.pi-copy:before { + content: "\e957"; +} + +.pi-file:before { + content: "\e958"; +} + +.pi-clone:before { + content: "\e955"; +} + +.pi-calendar-times:before { + content: "\e952"; +} + +.pi-calendar-minus:before { + content: "\e953"; +} + +.pi-calendar-plus:before { + content: "\e954"; +} + +.pi-ellipsis-v:before { + content: "\e950"; +} + +.pi-ellipsis-h:before { + content: "\e951"; +} + +.pi-bookmark:before { + content: "\e94e"; +} + +.pi-globe:before { + content: "\e94f"; +} + +.pi-replay:before { + content: "\e94d"; +} + +.pi-filter:before { + content: "\e94c"; +} + +.pi-print:before { + content: "\e94b"; +} + +.pi-align-right:before { + content: "\e946"; +} + +.pi-align-left:before { + content: "\e947"; +} + +.pi-align-center:before { + content: "\e948"; +} + +.pi-align-justify:before { + content: "\e949"; +} + +.pi-cog:before { + content: "\e94a"; +} + +.pi-cloud-download:before { + content: "\e943"; +} + +.pi-cloud-upload:before { + content: "\e944"; +} + +.pi-cloud:before { + content: "\e945"; +} + +.pi-pencil:before { + content: "\e942"; +} + +.pi-users:before { + content: "\e941"; +} + +.pi-clock:before { + content: "\e940"; +} + +.pi-user-minus:before { + content: "\e93e"; +} + +.pi-user-plus:before { + content: "\e93f"; +} + +.pi-trash:before { + content: "\e93d"; +} + +.pi-external-link:before { + content: "\e93c"; +} + +.pi-window-maximize:before { + content: "\e93b"; +} + +.pi-window-minimize:before { + content: "\e93a"; +} + +.pi-refresh:before { + content: "\e938"; +} + +.pi-user:before { + content: "\e939"; +} + +.pi-exclamation-triangle:before { + content: "\e922"; +} + +.pi-calendar:before { + content: "\e927"; +} + +.pi-chevron-circle-left:before { + content: "\e928"; +} + +.pi-chevron-circle-down:before { + content: "\e929"; +} + +.pi-chevron-circle-right:before { + content: "\e92a"; +} + +.pi-chevron-circle-up:before { + content: "\e92b"; +} + +.pi-angle-double-down:before { + content: "\e92c"; +} + +.pi-angle-double-left:before { + content: "\e92d"; +} + +.pi-angle-double-right:before { + content: "\e92e"; +} + +.pi-angle-double-up:before { + content: "\e92f"; +} + +.pi-angle-down:before { + content: "\e930"; +} + +.pi-angle-left:before { + content: "\e931"; +} + +.pi-angle-right:before { + content: "\e932"; +} + +.pi-angle-up:before { + content: "\e933"; +} + +.pi-upload:before { + content: "\e934"; +} + +.pi-download:before { + content: "\e956"; +} + +.pi-ban:before { + content: "\e935"; +} + +.pi-star-fill:before { + content: "\e936"; +} + +.pi-star:before { + content: "\e937"; +} + +.pi-chevron-left:before { + content: "\e900"; +} + +.pi-chevron-right:before { + content: "\e901"; +} + +.pi-chevron-down:before { + content: "\e902"; +} + +.pi-chevron-up:before { + content: "\e903"; +} + +.pi-caret-left:before { + content: "\e904"; +} + +.pi-caret-right:before { + content: "\e905"; +} + +.pi-caret-down:before { + content: "\e906"; +} + +.pi-caret-up:before { + content: "\e907"; +} + +.pi-search:before { + content: "\e908"; +} + +.pi-check:before { + content: "\e909"; +} + +.pi-check-circle:before { + content: "\e90a"; +} + +.pi-times:before { + content: "\e90b"; +} + +.pi-times-circle:before { + content: "\e90c"; +} + +.pi-plus:before { + content: "\e90d"; +} + +.pi-plus-circle:before { + content: "\e90e"; +} + +.pi-minus:before { + content: "\e90f"; +} + +.pi-minus-circle:before { + content: "\e910"; +} + +.pi-circle-on:before { + content: "\e911"; +} + +.pi-circle-off:before { + content: "\e912"; +} + +.pi-sort-down:before { + content: "\e913"; +} + +.pi-sort-up:before { + content: "\e914"; +} + +.pi-sort:before { + content: "\e915"; +} + +.pi-step-backward:before { + content: "\e916"; +} + +.pi-step-forward:before { + content: "\e917"; +} + +.pi-th-large:before { + content: "\e918"; +} + +.pi-arrow-down:before { + content: "\e919"; +} + +.pi-arrow-left:before { + content: "\e91a"; +} + +.pi-arrow-right:before { + content: "\e91b"; +} + +.pi-arrow-up:before { + content: "\e91c"; +} + +.pi-bars:before { + content: "\e91d"; +} + +.pi-arrow-circle-down:before { + content: "\e91e"; +} + +.pi-arrow-circle-left:before { + content: "\e91f"; +} + +.pi-arrow-circle-right:before { + content: "\e920"; +} + +.pi-arrow-circle-up:before { + content: "\e921"; +} + +.pi-info:before { + content: "\e923"; +} + +.pi-info-circle:before { + content: "\e924"; +} + +.pi-home:before { + content: "\e925"; +} + +.pi-spinner:before { + content: "\e926"; +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/ripple/ripple.css b/src/main/resources/resources/layout/ripple/ripple.css new file mode 100644 index 0000000..6a0c2af --- /dev/null +++ b/src/main/resources/resources/layout/ripple/ripple.css @@ -0,0 +1,63 @@ +/* Ripple Effect Style like Google Material Buttons Effect*/ + +.ripplelink { + /* display:block; */ + /*color:#fff;*/ + text-decoration:none; + position:relative; + overflow:hidden; + -webkit-transition: all 0.2s ease; + -moz-transition: all 0.2s ease; + -o-transition: all 0.2s ease; + transition: all 0.2s ease; + z-index:0; +} + +.ui-ripple { + overflow: hidden; +} + +.ui-ripple-boundary { + position: relative; +} + +.ink { + display: block; + position: absolute; + background:rgba(255, 255, 255, 0.4); + border-radius: 100%; + -webkit-transform:scale(0); + -moz-transform:scale(0); + -o-transform:scale(0); + transform:scale(0); +} + +.ripple-animate { + -webkit-animation:ripple 0.65s linear; + -moz-animation:ripple 0.65s linear; + -ms-animation:ripple 0.65s linear; + -o-animation:ripple 0.65s linear; + animation:ripple 0.65s linear; +} + +@-webkit-keyframes ripple { + 100% {opacity: 0; -webkit-transform: scale(2.5);} +} +@-moz-keyframes ripple { + 100% {opacity: 0; -moz-transform: scale(2.5);} +} +@-o-keyframes ripple { + 100% {opacity: 0; -o-transform: scale(2.5);} +} +@keyframes ripple { + 100% {opacity: 0; transform: scale(2.5);} +} + +/* Ripple Effect fixes for buttons */ + +body .ui-selectonebutton .ui-button, +body .ui-selectmanybutton .ui-button, +body .fc .fc-button { + position: relative; + overflow: hidden; +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/ripple/ripple.js b/src/main/resources/resources/layout/ripple/ripple.js new file mode 100644 index 0000000..3299d72 --- /dev/null +++ b/src/main/resources/resources/layout/ripple/ripple.js @@ -0,0 +1,58 @@ +$(function() { + var ripple = { + selectors: [ + '[data-p-ripple="true"]', + '.ui-ripple', + '.ui-button', + '.ui-selectlistbox-item', + '.ui-multiselectlistbox-item', + '.ui-tabs-header', + '.ui-fieldset-toggler', + '.fc-button-primary' + ], + disabledSelectors: [ + '.ui-ripple-disabled' + ], + getSelector: function() { + var _selectors = []; + var disabledSelector = ':not(' + ripple.disabledSelectors.join(',') + ')'; + + for (var i = 0; i < ripple.selectors.length; i++) { + _selectors.push(disabledSelector + ' ' + ripple.selectors[i]); + } + + return _selectors.join(','); + } + }; + + var selector = ripple.getSelector(); + $(document.body).off('mousedown.ripple animationend.ripple animationcancel.ripple', selector) + .on('mousedown.ripple', selector, null, function(e) { + var element = $(this); + + if (element.find('.ink').length === 0) { + element.append(""); + } + + var ink = element.find('.ink'); + if (!ink.height() && !ink.width()) { + var d = Math.max(element.outerWidth(), element.outerHeight()); + ink.css({ height: d, width: d }); + } + + var x = e.pageX - element.offset().left - (ink.width() / 2); + var y = e.pageY - element.offset().top - (ink.height() / 2); + + element.addClass('ui-ripple'); + if (element.css('position') === 'static') { + element.addClass('ui-ripple-boundary'); + } + + ink.css({ top: y + 'px', left: x + 'px', 'pointer-events': 'none' }).addClass('ripple-animate'); + }) + .on('animationend.ripple animationcancel.ripple', selector, null, function(e) { + if (e.originalEvent.animationName === 'ripple') { + $(this).find('.ink').remove(); + } + }); +}); \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/layout-dark.css b/src/main/resources/resources/layout/styles/layout-dark.css new file mode 100644 index 0000000..8379ed3 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout-dark.css @@ -0,0 +1,3874 @@ +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto Light"), local("Roboto-Light"), url("#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-regular.woff2']}") format("woff2"), url("#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-regular.woff']}") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-500 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local("Roboto"), local("Roboto-Regular"), url("#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-500.woff2']}") format("woff2"), url("#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-500.woff']}") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-700 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local("Roboto Bold"), local("Roboto-Bold"), url("#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-700.woff2']}") format("woff2"), url("#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-700.woff']}") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +:root { + --body-bgcolor:#121212; + --text-color:rgba(255, 255, 255, 0.87); + --text-secondary-color:rgba(255, 255, 255, 0.6); + --divider-color:hsla(0deg, 0%, 100%, 0.12); + --content-bgcolor:#1e1e1e; + --content-alt-bgcolor:#262626; + --hover-bgcolor:hsla(0deg, 0%, 100%, 0.04); + --pink:#F06292; + --indigo:#7986CB; + --yellow:#FFD54F; + --orange:#FFB74D; + --teal:#4DB6AC; + --cyan:#4DD0E1; + --bluegrey:#78909C; + --purple:#BA68C8; + --deeppurple:#9575CD; + --blue:#64B5F6; + --lightblue:#03A9F4; + --green:#81C784; + --lightgreen:#8BC34A; + --lime:#DCE775; + --deeporange:#FF8A65; + --brown:#A1887F; + --layout-mode: dark; +} + +:root { + --transition-duration:0.2s; + --layout-mobile-breakpoint:991px; +} + +/* Add your variable customizations of layout here */ +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 5px; + font-family: monospace; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px 0 0 0; + margin: 1rem 0; +} + +p { + margin: 0 0 1rem 0; + line-height: 1.5; +} +p:last-child { + margin-bottom: 0; +} + +.splash-screen { + width: 100%; + min-height: 100%; + background-color: var(--primary-color); + position: absolute; +} + +.splash-loader-container { + text-align: center; + position: absolute; + top: 50%; + left: 50%; + margin-left: -32px; + margin-top: -32px; +} + +.splash-loader { + animation: rotator 1.4s linear infinite; +} + +@keyframes rotator { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(270deg); + } +} +.splash-path { + stroke-dasharray: 187; + stroke-dashoffset: 0; + transform-origin: center; + animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; +} + +@keyframes colors { + 0% { + stroke: #4285F4; + } + 25% { + stroke: #DE3E35; + } + 50% { + stroke: #F7C223; + } + 75% { + stroke: #1B9A59; + } + 100% { + stroke: #4285F4; + } +} +@keyframes dash { + 0% { + stroke-dashoffset: 187; + } + 50% { + stroke-dashoffset: 46.75; + transform: rotate(135deg); + } + 100% { + stroke-dashoffset: 187; + transform: rotate(450deg); + } +} +@keyframes overlayEnter { + from { + opacity: 0; + transform: scaleY(0.8); + } + to { + opacity: 1; + transform: none; + } +} +@keyframes overlayLeave { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.overlay-enter { + transform-origin: top; + animation-name: overlayEnter; + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-duration: 0.12s; +} + +.overlay-leave { + animation-name: overlayLeave; + animation-timing-function: linear; + animation-duration: 0.1s; +} + +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +} +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeinmask { + from { + opacity: 0; + } + to { + opacity: 0.8; + } +} +.fadeInDown { + animation-name: fadeInDown; +} + +.fadeOutUp { + animation-name: fadeOutUp; +} + +@keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +.modal-in { + animation-name: modal-in; +} + +@keyframes spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +*[hidden] { + display: none; +} + +.p-lh { + line-height: 1.5; +} + +.card { + background-color: #1e1e1e; + padding: 1rem; + margin-bottom: 2rem; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 5px; +} +.card:last-child { + margin-bottom: 0; +} +.card .card-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 1rem; +} +.card .card-header h1, .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header h5, .card .card-header h6 { + margin: 0; +} +.card .card-subtitle { + color: rgba(255, 255, 255, 0.6); + font-weight: 600; + margin: -1rem 0 1rem 0; +} + +body .ui-growl { + top: 85px; +} +body .ui-overlay-badge { + position: relative; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + transform-origin: 100% 0; + margin: 0; +} + +.height-100 { + height: 100% !important; +} + +.width-100 { + width: 100% !important; +} + +.fs-xsmall { + font-size: 0.715rem !important; +} + +.fs-small { + font-size: 0.858rem !important; +} + +.fs-normal { + font-size: 1rem !important; +} + +.fs-large { + font-size: 1.5rem !important; +} + +.fs-xlarge { + font-size: 2rem !important; +} + +.fs-xxlarge { + font-size: 3rem !important; +} + +.fw-400 { + font-weight: 400 !important; +} + +.fw-500 { + font-weight: 500 !important; +} + +.fw-700 { + font-weight: 700 !important; +} + +.rounded-small { + border-radius: 2px !important; +} + +.rounded-normal { + border-radius: 4px !important; +} + +.rounded-large { + border-radius: 6px !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-none { + border-radius: 0 !important; +} + +.divider-top { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12) !important; +} + +.divider-bottom { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12) !important; +} + +.divider-left { + border-left: 1px solid hsla(0deg, 0%, 100%, 0.12) !important; +} + +.divider-right { + border-right: 1px solid hsla(0deg, 0%, 100%, 0.12) !important; +} + +.muted-text { + color: rgba(255, 255, 255, 0.6) !important; +} + +.text-color { + color: rgba(255, 255, 255, 0.87) !important; +} + +.solid-surface-text-color { + color: #121212 !important; +} + +.white-color { + color: #ffffff !important; +} + +.dark-color { + color: #212121 !important; +} + +.pink-color { + color: #F06292 !important; +} + +.indigo-color { + color: #7986CB !important; +} + +.yellow-color { + color: #FFD54F !important; +} + +.orange-color { + color: #FFB74D !important; +} + +.teal-color { + color: #4DB6AC !important; +} + +.cyan-color { + color: #4DD0E1 !important; +} + +.bluegrey-color { + color: #78909C !important; +} + +.purple-color { + color: #BA68C8 !important; +} + +.deeppurple-color { + color: #9575CD !important; +} + +.blue-color { + color: #64B5F6 !important; +} + +.lightblue-color { + color: #03A9F4 !important; +} + +.green-color { + color: #81C784 !important; +} + +.lightgreen-color { + color: #8BC34A !important; +} + +.lime-color { + color: #DCE775 !important; +} + +.deeporange-color { + color: #FF8A65 !important; +} + +.brown-color { + color: #A1887F !important; +} + +.content-bgcolor { + background-color: #1e1e1e !important; +} + +.content-alt-bgcolor { + background-color: #262626 !important; +} + +.pink-bgcolor { + background-color: #F06292 !important; +} + +.indigo-bgcolor { + background-color: #7986CB !important; +} + +.yellow-bgcolor { + background-color: #FFD54F !important; +} + +.orange-bgcolor { + background-color: #FFB74D !important; +} + +.teal-bgcolor { + background-color: #4DB6AC !important; +} + +.cyan-bgcolor { + background-color: #4DD0E1 !important; +} + +.bluegrey-bgcolor { + background-color: #78909C !important; +} + +.purple-bgcolor { + background-color: #BA68C8 !important; +} + +.deeppurple-bgcolor { + background-color: #9575CD !important; +} + +.blue-bgcolor { + background-color: #64B5F6 !important; +} + +.lightblue-bgcolor { + background-color: #03A9F4 !important; +} + +.green-bgcolor { + background-color: #81C784 !important; +} + +.lightgreen-bgcolor { + background-color: #8BC34A !important; +} + +.lime-bgcolor { + background-color: #DCE775 !important; +} + +.deeporange-bgcolor { + background-color: #FF8A65 !important; +} + +.brown-bgcolor { + background-color: #A1887F !important; +} + +.badge-dot { + width: 0.5rem; + min-width: 0.5rem; + height: 0.5rem; + border-radius: 50%; + padding: 0; +} + +body .layout-wrapper.layout-rtl { + direction: rtl; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper { + left: auto; + right: 0; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div { + padding-left: 0; + padding-right: 1rem; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li > a .ui-badge, +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li > a .layout-submenu-toggler { + margin-left: 0; + margin-right: auto; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text { + margin-right: 0.75rem; + margin-left: 0; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li a { + padding-left: 0.5rem; + padding-right: 1.75rem; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li a { + padding-left: 0.5rem; + padding-right: 2.625rem; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li a { + padding-left: 0.5rem; + padding-right: 3.5rem; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li a { + padding-left: 0.5rem; + padding-right: 4.375rem; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a i { + margin-right: 0; + margin-left: 0.75rem; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); +} +@media (min-width: 992px) { + body .layout-wrapper.layout-rtl.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + left: auto; + right: 0; + } + body .layout-wrapper.layout-rtl.layout-menu-overlay .layout-menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + body .layout-wrapper.layout-rtl.layout-menu-overlay.layout-menu-active .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + body .layout-wrapper.layout-rtl.layout-menu-overlay.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } + body .layout-wrapper.layout-rtl.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + left: auto; + right: 4.5rem; + } + body .layout-wrapper.layout-rtl.layout-menu-slim.layout-wrapper .layout-main { + margin-left: 0; + margin-right: 4.5rem; + } + body .layout-wrapper.layout-rtl.layout-menu-static .layout-menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + body .layout-wrapper.layout-rtl.layout-menu-static .layout-main { + transition: margin-right 0.2s; + } + body .layout-wrapper.layout-rtl.layout-menu-static.layout-menu-active .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + body .layout-wrapper.layout-rtl.layout-menu-static.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } + body .layout-wrapper.layout-rtl.layout-menu-static.layout-menu-active .layout-main { + margin-left: 0; + margin-right: 17rem; + } +} +@media (max-width: 991px) { + body .layout-wrapper.layout-rtl .layout-menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + body .layout-wrapper.layout-rtl.layout-menu-mobile-active .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + body .layout-wrapper.layout-rtl.layout-menu-mobile-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } +} +body .layout-wrapper.layout-rtl { + direction: rtl; +} +body .layout-wrapper.layout-rtl .layout-topbar { + left: auto; + right: 0; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-topbar-logo { + padding-right: 0; + padding-left: 1.25rem; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-menu-button { + left: auto; + right: 15.75rem; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-topbar-mobile-button { + margin: 0 auto 0 0.5rem; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right { + padding-left: 0; + padding-right: 2rem; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right { + margin-right: auto; + margin-left: 0; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + right: auto; + left: 0; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel { + left: auto; + right: 0; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-right: 0.5rem; + margin-left: 0; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0; + margin-left: 0.5rem; +} +@media (max-width: 991px) { + body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .ui-megamenu-panel { + left: 1rem; + right: 1rem; + } + body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + left: 1em; + right: 1em; + } +} +body .layout-wrapper.layout-rtl { + overflow-x: hidden; +} +body .layout-wrapper.layout-rtl .layout-breadcrumb-container .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + transform: rotate(180deg); +} +body .layout-wrapper.layout-rtl .layout-config-button.ui-button { + right: auto; + left: 0; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .layout-wrapper.layout-rtl .layout-config-button.ui-button .ui-button-icon { + font-size: 2rem; +} +body .layout-wrapper.layout-rtl .widget-bestsellers > li .bestseller-item .item-button { + margin-left: 0; + margin-right: auto; +} +body .layout-wrapper.layout-rtl .widget-chat .write-message .ui-inputgroup-addon:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; + border-left-width: 0; +} +body .layout-wrapper.layout-rtl .widget-chat .write-message .ui-inputgroup-addon:last-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; +} + +.layout-topbar { + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 4rem; + transition: width 0.2s; + display: flex; +} +.layout-topbar ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.layout-topbar .layout-topbar-left { + display: flex; + align-items: center; + height: 100%; + position: relative; +} +.layout-topbar .layout-topbar-left .layout-topbar-logo { + width: 17rem; + height: 100%; + padding-right: 1.25rem; + display: flex; + align-items: center; + justify-content: center; +} +.layout-topbar .layout-topbar-left .layout-menu-button { + position: absolute; + top: 50%; + left: 15.75rem; + width: 2.5rem; + height: 2.5rem; + margin-top: -1.25rem; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + border-radius: 50%; +} +.layout-topbar .layout-topbar-left .layout-menu-button i { + transition: transform 0.2s; +} +.layout-topbar .layout-topbar-left .layout-topbar-mobile-button { + display: none; + align-items: center; + padding: 0 0.8rem; + margin: 0 0.5rem 0 auto; + border-radius: 50%; + height: 3.2rem; + cursor: pointer; +} +.layout-topbar .layout-topbar-right { + display: flex; + flex-grow: 1; + align-items: center; + padding-left: 2rem; + height: 100%; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-left { + display: flex; + align-items: center; + height: 100%; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right { + height: 100%; + margin-left: auto; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items { + display: flex; + flex-direction: row; + justify-content: center; + height: 100%; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item { + display: flex; + align-items: center; + position: relative; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action { + user-select: none; + padding: 0 0.8rem; + margin: 0 0.4rem; + border-radius: 4px; + height: 3.2rem; + min-width: 3.2rem; + display: flex; + align-items: center; + cursor: pointer; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + position: absolute; + top: 4rem; + right: 0; + z-index: 1000; + min-width: 25rem; + padding: 1rem 0; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel .layout-topbar-action-item { + cursor: pointer; + padding: 1rem; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel { + height: 4rem; + width: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 1000; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + border-radius: 0; + border: 0 none; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:focus { + outline: 0 none; + box-shadow: none; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel i { + font-weight: bold; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon { + border: 0 none; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +@media (max-width: 991px) { + .layout-topbar { + height: auto; + display: flex; + flex-direction: column; + } + .layout-topbar .layout-topbar-left { + height: 4rem; + width: 100%; + justify-content: flex-start; + } + .layout-topbar .layout-topbar-left .layout-topbar-mobile-button { + display: flex; + } + .layout-topbar .layout-topbar-right { + display: none; + flex-direction: column-reverse; + padding: 0; + } + .layout-topbar .layout-topbar-right.layout-topbar-mobile-active { + display: flex; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left { + height: 4rem; + display: flex; + justify-content: space-between; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .ui-menu-parent > .ui-menu-list { + position: fixed; + left: 1rem !important; + right: 1rem; + max-height: calc(100vh - 168px); + overflow-y: auto; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .ui-menu-parent > .ui-menu-list > table { + width: 100%; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .ui-menu-child .ui-menu-list { + min-width: 12rem; + width: 100%; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-right { + height: 4rem; + width: 100%; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items { + width: 100%; + justify-content: space-between; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + position: fixed; + top: 8rem; + left: 1em; + right: 1em; + } +} +@media (min-width: 992px) { + .layout-menu-horizontal .layout-topbar .layout-topbar-left .layout-menu-button, + .layout-menu-slim .layout-topbar .layout-topbar-left .layout-menu-button { + display: none; + } +} +.layout-topbar-blue { + --topbar-bg-color:linear-gradient(90deg, #010A79 0%, #0512A7 100%) !important; + --topbar-text-color: #ffffff; +} +.layout-topbar-blue .layout-topbar { + color: #ffffff; + background: linear-gradient(90deg, #010A79 0%, #0512A7 100%); +} +.layout-topbar-blue .layout-topbar a { + color: #ffffff; +} +.layout-topbar-blue .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-left { + background-color: #0D47A1; +} +.layout-topbar-blue .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #FBC02D; +} +.layout-topbar-blue .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(251, 192, 45, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-lightblue { + --topbar-bg-color:#0288D1; + --topbar-text-color: #ffffff; +} +.layout-topbar-lightblue .layout-topbar { + color: #ffffff; + background-color: #0288D1; +} +.layout-topbar-lightblue .layout-topbar a { + color: #ffffff; +} +.layout-topbar-lightblue .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-left { + background-color: #0277BD; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #FDD835; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(253, 216, 53, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-white { + --topbar-bg-color:#ffffff; + --topbar-text-color: #616161; +} +.layout-topbar-white .layout-topbar { + color: #616161; + background-color: #ffffff; +} +.layout-topbar-white .layout-topbar a { + color: #616161; +} +.layout-topbar-white .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-left { + background-color: #ffffff; +} +.layout-topbar-white .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #ffffff; +} +.layout-topbar-white .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(255, 255, 255, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #616161; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-dark { + --topbar-bg-color:#1e1e1e; + --topbar-text-color: #ffffff; +} +.layout-topbar-dark .layout-topbar { + color: #ffffff; + background-color: #1e1e1e; +} +.layout-topbar-dark .layout-topbar a { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-left { + background-color: #1e1e1e; +} +.layout-topbar-dark .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #E91E63; +} +.layout-topbar-dark .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(233, 30, 99, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-deeppurple { + --topbar-bg-color:#4527A0; + --topbar-text-color: #ffffff; +} +.layout-topbar-deeppurple .layout-topbar { + color: #ffffff; + background-color: #4527A0; +} +.layout-topbar-deeppurple .layout-topbar a { + color: #ffffff; +} +.layout-topbar-deeppurple .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-left { + background-color: #311B92; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-purple { + --topbar-bg-color:#6A1B9A; + --topbar-text-color: #ffffff; +} +.layout-topbar-purple .layout-topbar { + color: #ffffff; + background-color: #6A1B9A; +} +.layout-topbar-purple .layout-topbar a { + color: #ffffff; +} +.layout-topbar-purple .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-left { + background-color: #4A148C; +} +.layout-topbar-purple .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-purple .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-pink { + --topbar-bg-color:#AD1457; + --topbar-text-color: #ffffff; +} +.layout-topbar-pink .layout-topbar { + color: #ffffff; + background-color: #AD1457; +} +.layout-topbar-pink .layout-topbar a { + color: #ffffff; +} +.layout-topbar-pink .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-left { + background-color: #880E4F; +} +.layout-topbar-pink .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-pink .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-cyan { + --topbar-bg-color:#0097A7; + --topbar-text-color: #ffffff; +} +.layout-topbar-cyan .layout-topbar { + color: #ffffff; + background-color: #0097A7; +} +.layout-topbar-cyan .layout-topbar a { + color: #ffffff; +} +.layout-topbar-cyan .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-left { + background-color: #006064; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #E64A19; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(230, 74, 25, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-teal { + --topbar-bg-color:#00796B; + --topbar-text-color: #ffffff; +} +.layout-topbar-teal .layout-topbar { + color: #ffffff; + background-color: #00796B; +} +.layout-topbar-teal .layout-topbar a { + color: #ffffff; +} +.layout-topbar-teal .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-left { + background-color: #004D40; +} +.layout-topbar-teal .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #D32F2F; +} +.layout-topbar-teal .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(211, 47, 47, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-green { + --topbar-bg-color:#43A047; + --topbar-text-color: #ffffff; +} +.layout-topbar-green .layout-topbar { + color: #ffffff; + background-color: #43A047; +} +.layout-topbar-green .layout-topbar a { + color: #ffffff; +} +.layout-topbar-green .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-left { + background-color: #2E7D32; +} +.layout-topbar-green .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #F4511E; +} +.layout-topbar-green .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(244, 81, 30, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-lightgreen { + --topbar-bg-color:#689F38; + --topbar-text-color: #ffffff; +} +.layout-topbar-lightgreen .layout-topbar { + color: #ffffff; + background-color: #689F38; +} +.layout-topbar-lightgreen .layout-topbar a { + color: #ffffff; +} +.layout-topbar-lightgreen .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-left { + background-color: #558B2F; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #F57C00; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(245, 124, 0, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-lime { + --topbar-bg-color:#AFB42B; + --topbar-text-color: #212121; +} +.layout-topbar-lime .layout-topbar { + color: #212121; + background-color: #AFB42B; +} +.layout-topbar-lime .layout-topbar a { + color: #212121; +} +.layout-topbar-lime .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-left { + background-color: #9E9D24; +} +.layout-topbar-lime .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F57C00; +} +.layout-topbar-lime .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(245, 124, 0, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-yellow { + --topbar-bg-color:#FBC02D; + --topbar-text-color: #212121; +} +.layout-topbar-yellow .layout-topbar { + color: #212121; + background-color: #FBC02D; +} +.layout-topbar-yellow .layout-topbar a { + color: #212121; +} +.layout-topbar-yellow .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-left { + background-color: #F9A825; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(33, 33, 33, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-amber { + --topbar-bg-color:#FFA000; + --topbar-text-color: #212121; +} +.layout-topbar-amber .layout-topbar { + color: #212121; + background-color: #FFA000; +} +.layout-topbar-amber .layout-topbar a { + color: #212121; +} +.layout-topbar-amber .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-left { + background-color: #FF8F00; +} +.layout-topbar-amber .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(33, 33, 33, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-orange { + --topbar-bg-color:#FB8C00; + --topbar-text-color: #212121; +} +.layout-topbar-orange .layout-topbar { + color: #212121; + background-color: #FB8C00; +} +.layout-topbar-orange .layout-topbar a { + color: #212121; +} +.layout-topbar-orange .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-left { + background-color: #EF6C00; +} +.layout-topbar-orange .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(33, 33, 33, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-deeporange { + --topbar-bg-color:#D84315; + --topbar-text-color: #ffffff; +} +.layout-topbar-deeporange .layout-topbar { + color: #ffffff; + background-color: #D84315; +} +.layout-topbar-deeporange .layout-topbar a { + color: #ffffff; +} +.layout-topbar-deeporange .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-left { + background-color: #BF360C; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #00BCD4; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(0, 188, 212, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-brown { + --topbar-bg-color:#5D4037; + --topbar-text-color: #ffffff; +} +.layout-topbar-brown .layout-topbar { + color: #ffffff; + background-color: #5D4037; +} +.layout-topbar-brown .layout-topbar a { + color: #ffffff; +} +.layout-topbar-brown .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-left { + background-color: #4E342E; +} +.layout-topbar-brown .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-brown .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-grey { + --topbar-bg-color:#616161; + --topbar-text-color: #ffffff; +} +.layout-topbar-grey .layout-topbar { + color: #ffffff; + background-color: #616161; +} +.layout-topbar-grey .layout-topbar a { + color: #ffffff; +} +.layout-topbar-grey .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-left { + background-color: #424242; +} +.layout-topbar-grey .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #0097A7; +} +.layout-topbar-grey .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(0, 151, 167, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-bluegrey { + --topbar-bg-color:#546E7A; + --topbar-text-color: #ffffff; +} +.layout-topbar-bluegrey .layout-topbar { + color: #ffffff; + background-color: #546E7A; +} +.layout-topbar-bluegrey .layout-topbar a { + color: #ffffff; +} +.layout-topbar-bluegrey .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-left { + background-color: #37474F; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #0097A7; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(0, 151, 167, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-topbar-indigo { + --topbar-bg-color:#3F51B5; + --topbar-text-color: #ffffff; +} +.layout-topbar-indigo .layout-topbar { + color: #ffffff; + background-color: #3F51B5; +} +.layout-topbar-indigo .layout-topbar a { + color: #ffffff; +} +.layout-topbar-indigo .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-left { + background-color: #283593; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #E91E63; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(233, 30, 99, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #262626; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #121212; + color: rgba(255, 255, 255, 0.87); +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: rgba(255, 255, 255, 0.87); +} + +.layout-rightmenu.ui-sidebar { + top: 4rem; + height: calc(100% - 4rem); + overflow: auto; + transition: transform 0.2s; +} +.layout-rightmenu.ui-sidebar .ui-sidebar-header, +.layout-rightmenu.ui-sidebar .ui-sidebar-content { + padding: 0; +} +.layout-rightmenu .online-members img:hover { + cursor: pointer; +} +.layout-rightmenu .next-events li { + border-radius: 5px; +} +.layout-rightmenu .next-events li:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); + cursor: pointer; +} + +@media (max-width: 991px) { + .layout-wrapper.layout-topbar-mobile-active .layout-rightmenu { + top: 12rem; + height: calc(100% - 12rem); + } +} +.layout-menu-wrapper { + height: calc(100% - 4rem); + width: 17rem; + position: fixed; + left: 0; + top: 4rem; + z-index: 997; + transform: none; +} +.layout-menu-wrapper ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.layout-menu-wrapper .layout-menu-container { + display: flex; + flex-direction: column; + height: 100%; +} +.layout-menu-wrapper .layout-menu-container .layout-menu { + padding-bottom: 2rem; + overflow-y: auto; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li { + border-radius: 4px; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > a { + display: none; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div { + padding-left: 1rem; + margin-bottom: 0.5rem; + margin-top: 1.5rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div > .layout-menuitem-text { + font-size: 0.857rem; + font-weight: 600; + text-transform: uppercase; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > a { + display: flex; + align-items: center; + padding: 0.75rem; + border-radius: 4px; + cursor: pointer; + user-select: none; + transition: background-color 0.2s, color 0.2s; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text { + margin-left: 0.75rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > a .ui-badge { + margin-left: auto; + min-width: 1.143rem; + height: 1.143rem; + line-height: 1.143rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > a .layout-submenu-toggler { + margin-left: auto; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > a.rotated-icon .layout-menuitem-icon { + transform: rotate(90deg); +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > a .ui-badge + .layout-submenu-toggler { + margin-left: 0.5rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a .layout-submenu-toggler { + transition: all 0.2s; + transform: rotate(-180deg); +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul { + padding: 0 0.5rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul li ul { + padding: 0 0 0.25rem; + overflow: hidden; + display: none; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li { + margin-top: 0.2rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a { + display: flex; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li a { + padding-left: 1.75rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li a { + padding-left: 2.625rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li a { + padding-left: 3.5rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li a { + padding-left: 4.375rem; +} + +@media (min-width: 992px) { + .layout-menu-static .layout-menu-wrapper { + transform: translate3d(-17rem, 0px, 0px); + transition: transform 0.2s; + } + .layout-menu-static .layout-main { + transition: margin-left 0.2s; + } + .layout-menu-static.layout-menu-active .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-menu-static.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + .layout-menu-static.layout-menu-active .layout-main { + margin-left: 17rem; + } +} +@media (min-width: 992px) { + .layout-menu-overlay .layout-menu-wrapper { + transform: translate3d(-17rem, 0px, 0px); + transition: transform 0.2s; + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + } + .layout-menu-overlay.layout-menu-active .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-menu-overlay.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + .layout-menu-overlay .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: flex; + } +} +@media (min-width: 992px) { + .layout-menu-horizontal .layout-menu-wrapper { + width: 100%; + height: 3rem; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container { + flex-direction: row; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu { + display: flex; + flex-direction: row; + align-items: center; + height: 100%; + margin: 0px 1rem; + padding-bottom: 0px; + overflow-y: visible; + flex-grow: 1; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > a { + margin-right: 1rem; + display: flex; + align-items: center; + position: relative; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > a .layout-menuitem-badge { + position: absolute; + top: 50%; + left: 1.5rem; + margin-top: -1.214rem; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + position: absolute; + top: 2.75rem; + left: 0px; + z-index: 100; + padding: 0.5rem; + overflow: auto; + max-height: 32rem; + min-width: 16rem; + border-radius: 5px; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > ul { + display: block; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border: 0 none; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-inline-menu > .layout-inline-menu-action { + height: 3rem; + } + .layout-menu-horizontal.layout-wrapper .layout-main { + padding-top: 7rem; + } +} +@media (min-width: 992px) { + .layout-menu-slim .layout-menu-wrapper { + width: 4.5rem; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu { + display: flex; + flex-direction: column; + padding-top: 1rem; + overflow-y: visible; + flex-grow: 1; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > a { + display: flex; + justify-content: center; + position: relative; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > a i { + font-size: 1.5rem; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > a .layout-submenu-toggler, + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > a .layout-menuitem-text { + display: none; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > a .layout-menuitem-badge { + position: absolute; + top: 50%; + right: 1rem; + margin-top: -1.214rem; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + position: absolute; + top: 0; + left: 4.5rem; + z-index: 100; + padding: 0.5rem; + overflow: auto; + max-height: 32rem; + min-width: 16.5rem; + border-radius: 2px; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > ul { + display: block; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + padding: 0; + } + .layout-menu-slim.layout-wrapper .layout-main { + margin-left: 4.5rem; + } + body:has(.layout-menu-slim .layout-root-menuitem.active-menuitem) .layout-menu-tooltip { + visibility: hidden; + pointer-events: none; + } +} +.layout-menu-wrapper .layout-inline-menu { + display: flex; + flex-direction: column; + justify-content: center; + border-width: 1px 0 1px 0; + border-style: solid; + margin-top: auto; +} +.layout-menu-wrapper .layout-inline-menu.layout-inline-menu-active .layout-inline-menu-icon, .layout-menu-wrapper .layout-inline-menu:has(.layout-inline-menu-action-panel:not(.hidden)) .layout-inline-menu-icon { + transition: all 0.2s; + transform: rotate(-180deg); +} +.layout-menu-wrapper .layout-inline-menu .layout-inline-menu-action { + cursor: pointer; +} +.layout-menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel { + padding: 0 0.5rem; + margin-bottom: 0.5rem; + animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + animation-duration: 0.4s; +} +.layout-menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + margin-top: 0.2rem; + border-radius: 5px; + transition: all 0.2s; + cursor: pointer; + user-select: none; +} +.layout-menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a { + padding: 0.75rem; +} +.layout-menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a i { + margin-right: 0.75rem; +} + +@media (max-width: 991px) { + .layout-wrapper .layout-menu-wrapper { + top: 4rem; + height: calc(100% - 4rem); + transform: translate3d(-17rem, 0px, 0px); + transition: transform 0.2s; + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + } + .layout-wrapper.layout-topbar-mobile-active .layout-menu-wrapper { + top: 12rem; + height: calc(100% - 12rem); + } + .layout-wrapper.layout-menu-mobile-active { + overflow: hidden; + height: 100vh; + } + .layout-wrapper.layout-menu-mobile-active .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-menu-mobile-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + .layout-wrapper.layout-menu-mobile-active .layout-modal { + display: block; + } + body:has(.layout-menu-slim) .layout-menu-tooltip { + visibility: hidden; + pointer-events: none; + } +} +.layout-menu-light { + --menu-bg-color:#FDFEFF; + --menu-text-color: #657380; +} +.layout-menu-light .layout-menu-wrapper { + background-color: #FDFEFF; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #657380; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #FDFEFF; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: #515C66; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: #515C66; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: var(--primary-lightest-color); + color: var(--primary-dark-color); +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: var(--primary-dark-color); +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: var(--primary-lightest-color); + color: var(--primary-dark-color); +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: var(--primary-dark-color); +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: #e4e4e4; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: #515C66; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: #515C66; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: #515C66; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #FDFEFF; +} +@media (min-width: 992px) { + .layout-menu-light.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-light.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-light.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-dark { + color-scheme: dark; +} +.layout-menu-dark { + --menu-bg-color:#1e1e1e; + --menu-text-color: rgba(255, 255, 255, 0.6); +} +.layout-menu-dark .layout-menu-wrapper { + background-color: #1e1e1e; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #1e1e1e; +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: hsla(0deg, 0%, 100%, 0.12); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #1e1e1e; +} +@media (min-width: 992px) { + .layout-menu-dark.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-dark.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-dark.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-indigo { + --menu-bg-color:#1A237E; + --menu-text-color: #ffffff; +} +.layout-menu-indigo .layout-menu-wrapper { + background-color: #1A237E; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #1A237E; +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #1A237E; +} +@media (min-width: 992px) { + .layout-menu-indigo.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-indigo.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-indigo.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-bluegrey { + --menu-bg-color:#37474F; + --menu-text-color: #ffffff; +} +.layout-menu-bluegrey .layout-menu-wrapper { + background-color: #37474F; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #37474F; +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #37474F; +} +@media (min-width: 992px) { + .layout-menu-bluegrey.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-bluegrey.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-bluegrey.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-brown { + --menu-bg-color:#4E342E; + --menu-text-color: #ffffff; +} +.layout-menu-brown .layout-menu-wrapper { + background-color: #4E342E; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #4E342E; +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #4E342E; +} +@media (min-width: 992px) { + .layout-menu-brown.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-brown.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-brown.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-cyan { + --menu-bg-color:#006064; + --menu-text-color: #ffffff; +} +.layout-menu-cyan .layout-menu-wrapper { + background-color: #006064; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #006064; +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #006064; +} +@media (min-width: 992px) { + .layout-menu-cyan.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-cyan.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-cyan.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-green { + --menu-bg-color:#2E7D32; + --menu-text-color: #ffffff; +} +.layout-menu-green .layout-menu-wrapper { + background-color: #2E7D32; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #2E7D32; +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #2E7D32; +} +@media (min-width: 992px) { + .layout-menu-green.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-green.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-green.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-deeppurple { + --menu-bg-color:#4527A0; + --menu-text-color: #ffffff; +} +.layout-menu-deeppurple .layout-menu-wrapper { + background-color: #4527A0; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #4527A0; +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #4527A0; +} +@media (min-width: 992px) { + .layout-menu-deeppurple.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-deeppurple.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-deeppurple.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-deeporange { + --menu-bg-color:#BF360C; + --menu-text-color: #ffffff; +} +.layout-menu-deeporange .layout-menu-wrapper { + background-color: #BF360C; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #BF360C; +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #BF360C; +} +@media (min-width: 992px) { + .layout-menu-deeporange.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-deeporange.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-deeporange.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-pink { + --menu-bg-color:#880E4F; + --menu-text-color: #ffffff; +} +.layout-menu-pink .layout-menu-wrapper { + background-color: #880E4F; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #880E4F; +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #880E4F; +} +@media (min-width: 992px) { + .layout-menu-pink.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-pink.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-pink.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-purple { + --menu-bg-color:#6A1B9A; + --menu-text-color: #ffffff; +} +.layout-menu-purple .layout-menu-wrapper { + background-color: #6A1B9A; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #6A1B9A; +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #6A1B9A; +} +@media (min-width: 992px) { + .layout-menu-purple.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-purple.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-purple.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-teal { + --menu-bg-color:#00695C; + --menu-text-color: #ffffff; +} +.layout-menu-teal .layout-menu-wrapper { + background-color: #00695C; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #00695C; +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #00695C; +} +@media (min-width: 992px) { + .layout-menu-teal.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-teal.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-teal.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +body .layout-megamenu.ui-megamenu { + border: 0 none; + padding: 0; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0; + margin: 0; + background-color: #121212; + min-height: 100%; +} +body a { + text-decoration: none; + color: rgba(255, 255, 255, 0.6); +} + +.layout-modal { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 996; + width: 100%; + height: 100%; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +.layout-wrapper .layout-main { + padding-top: 4rem; + display: flex; + flex-direction: column; + justify-content: space-between; + min-height: 100vh; +} +.layout-wrapper .layout-main .layout-content { + padding: 2rem; + padding-top: 1rem; + flex: 1 1 0; +} + +.layout-ajax-loader-icon { + position: fixed; + right: 2rem; + bottom: 2rem; + font-size: 2rem !important; + color: rgba(255, 255, 255, 0.6); + z-index: 999; + pointer-events: none; +} + +.layout-topbar .notifications .layout-topbar-action-panel img { + width: 32px; + height: 32px; +} +.layout-topbar .notifications .layout-topbar-action-panel .layout-topbar-action-item { + border-bottom: 1px solid var(--divider-color); +} +.layout-topbar .notifications .layout-topbar-action-panel .layout-topbar-action-item:last-child { + border-bottom: 0 none; +} +.layout-topbar .app .layout-topbar-action-panel a { + padding: 0.5rem 0; +} +.layout-topbar .app .layout-topbar-action-panel a i { + width: 42px; + height: 42px; + border: 1px solid transparent; + border-radius: 50%; + margin: 0.5rem 0; + display: flex; + align-items: center; + justify-content: center; +} + +.layout-rightmenu .header { + padding-bottom: 0.5rem; + margin-bottom: 0.714rem; + border-bottom: 1px solid var(--divider-color); +} +.layout-rightmenu .online-members img { + width: 32px; +} +.layout-rightmenu .online-members b { + color: var(--primary-color); +} +.layout-rightmenu .latest-activity i { + border: 1px solid transparent; + border-radius: 50px; + background-color: var(--surface-d); +} +.layout-rightmenu .next-events ul { + margin: 0; + list-style-type: none; + padding: 0; +} +.layout-rightmenu .next-events ul > li { + padding: 0.875rem 0.5rem; +} + +.layout-help-page .questions.ui-accordion .ui-accordion-tab { + margin-top: 1rem; + overflow: hidden; +} +.layout-help-page .questions.ui-accordion:first-child .ui-accordion-tab { + margin-top: 0; +} + +@media (min-width: 992px) { + .layout-menu-slim .layout-inline-menu .layout-inline-menu-action { + justify-content: center; + } + .layout-menu-slim .layout-inline-menu .layout-inline-menu-action > span, + .layout-menu-slim .layout-inline-menu .layout-inline-menu-action > i { + display: none !important; + } + .layout-menu-slim .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item > a { + justify-content: center; + } + .layout-menu-slim .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item > a > i { + font-size: 1.5rem; + margin-right: 0 !important; + } + .layout-menu-slim .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item > a > span { + display: none; + } +} +.layout-footer { + background-color: #1e1e1e; +} +.layout-footer .layout-footer-action.ui-button.ui-button-icon-only { + width: 2.75rem; + padding: 0.643rem; +} +.layout-footer .layout-footer-action.ui-button.ui-button-icon-only .ui-icon { + font-size: 1.5rem; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +.layout-config { + transition: transform 0.2s; +} +.layout-config .layout-config-panel { + height: 100%; +} +.layout-config .layout-config-options { + height: 100%; + overflow-y: auto; +} +.layout-config .layout-config-options .layout-config-color-option { + width: 1.75rem; + height: 1.75rem; + display: block; + position: relative; +} +.layout-config .layout-config-options .layout-config-color-option.ui-state-disabled { + opacity: 0.1; +} +.layout-config .layout-config-options .layout-config-color-option .color { + display: inline-block; + width: 100%; + height: 100%; + border-radius: 4px; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); +} +.layout-config .layout-config-options .layout-config-color-option .check { + position: absolute; + left: 0; + top: 0; + z-index: 1; + pointer-events: none; + width: 100%; + height: 100%; +} +.layout-config .layout-config-options .grid-radio td { + padding-top: 1rem; +} +.layout-config .layout-config-options .grid-radio tr:first-child td { + padding-top: 0; +} +.layout-config p { + color: var(--text-color-secondary); +} +.layout-config .scale-icon { + color: var(--surface-d); +} +.layout-config .scale-icon.scale-active { + color: var(--primary-color); +} + +.layout-config-button.ui-button.ui-button-icon-only { + z-index: 1001; + position: fixed; + top: 50%; + right: 0; + width: auto; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + font-size: 2rem; + width: 3.5rem; +} +.layout-config-button.ui-button.ui-button-icon-only .ui-icon { + font-size: 2rem; + margin-top: -1rem; + margin-left: -1rem; +} + +.layout-breadcrumb-container { + background-color: #1e1e1e; +} +.layout-breadcrumb-container .layout-breadcrumb { + background: transparent; + border: 0 none; + border-radius: 0; +} + +/* Add your customizations of layout here */ diff --git a/src/main/resources/resources/layout/styles/layout-dark.scss b/src/main/resources/resources/layout/styles/layout-dark.scss new file mode 100644 index 0000000..65578a2 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout-dark.scss @@ -0,0 +1,2 @@ +@import '../fonts/_fonts'; +@import './layout/layout-dark/_layout'; \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/layout-light.css b/src/main/resources/resources/layout/styles/layout-light.css new file mode 100644 index 0000000..ab10614 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout-light.css @@ -0,0 +1,3874 @@ +/* roboto-regular - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + src: local("Roboto Light"), local("Roboto-Light"), url("#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-regular.woff2']}") format("woff2"), url("#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-regular.woff']}") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-500 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 500; + src: local("Roboto"), local("Roboto-Regular"), url("#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-500.woff2']}") format("woff2"), url("#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-500.woff']}") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +/* roboto-700 - latin-ext_latin */ +@font-face { + font-family: "Roboto"; + font-style: normal; + font-weight: 700; + src: local("Roboto Bold"), local("Roboto-Bold"), url("#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-700.woff2']}") format("woff2"), url("#{resource['layout:fonts/roboto/roboto-v20-latin-ext_latin-700.woff']}") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ +} +:root { + --body-bgcolor:#f7f7f7; + --text-color:#212121; + --text-secondary-color:#616161; + --divider-color:#E4E4E4; + --content-bgcolor:#ffffff; + --content-alt-bgcolor:#ECEFF1; + --hover-bgcolor:rgba(0, 0, 0, 0.04); + --pink:#E91E63; + --indigo:#3F51B5; + --yellow:#FFC107; + --orange:#FF9800; + --teal:#009688; + --cyan:#00ACC1; + --bluegrey:#546E7A; + --purple:#9C27B0; + --deeppurple:#673AB7; + --blue:#2196F3; + --lightblue:#03A9F4; + --green:#4CAF50; + --lightgreen:#8BC34A; + --lime:#CDDC39; + --deeporange:#FF5722; + --brown:#795548; + --layout-mode: light; +} + +:root { + --transition-duration:0.2s; + --layout-mobile-breakpoint:991px; +} + +/* Add your variable customizations of layout here */ +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; +} +h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { + margin-top: 0; +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: 0.25rem 0.4rem; + border-radius: 5px; + font-family: monospace; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid #E4E4E4; + border-width: 1px 0 0 0; + margin: 1rem 0; +} + +p { + margin: 0 0 1rem 0; + line-height: 1.5; +} +p:last-child { + margin-bottom: 0; +} + +.splash-screen { + width: 100%; + min-height: 100%; + background-color: var(--primary-color); + position: absolute; +} + +.splash-loader-container { + text-align: center; + position: absolute; + top: 50%; + left: 50%; + margin-left: -32px; + margin-top: -32px; +} + +.splash-loader { + animation: rotator 1.4s linear infinite; +} + +@keyframes rotator { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(270deg); + } +} +.splash-path { + stroke-dasharray: 187; + stroke-dashoffset: 0; + transform-origin: center; + animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; +} + +@keyframes colors { + 0% { + stroke: #4285F4; + } + 25% { + stroke: #DE3E35; + } + 50% { + stroke: #F7C223; + } + 75% { + stroke: #1B9A59; + } + 100% { + stroke: #4285F4; + } +} +@keyframes dash { + 0% { + stroke-dashoffset: 187; + } + 50% { + stroke-dashoffset: 46.75; + transform: rotate(135deg); + } + 100% { + stroke-dashoffset: 187; + transform: rotate(450deg); + } +} +@keyframes overlayEnter { + from { + opacity: 0; + transform: scaleY(0.8); + } + to { + opacity: 1; + transform: none; + } +} +@keyframes overlayLeave { + from { + opacity: 1; + } + to { + opacity: 0; + } +} +.overlay-enter { + transform-origin: top; + animation-name: overlayEnter; + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-duration: 0.12s; +} + +.overlay-leave { + animation-name: overlayLeave; + animation-timing-function: linear; + animation-duration: 0.1s; +} + +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + to { + opacity: 1; + transform: none; + } +} +@keyframes fadeOutUp { + from { + opacity: 1; + } + to { + opacity: 0; + transform: translate3d(0, -20px, 0); + } +} +@keyframes fadeinmask { + from { + opacity: 0; + } + to { + opacity: 0.8; + } +} +.fadeInDown { + animation-name: fadeInDown; +} + +.fadeOutUp { + animation-name: fadeOutUp; +} + +@keyframes modal-in { + from { + background-color: transparent; + } + to { + background-color: rgba(0, 0, 0, 0.6); + } +} +.modal-in { + animation-name: modal-in; +} + +@keyframes spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +*[hidden] { + display: none; +} + +.p-lh { + line-height: 1.5; +} + +.card { + background-color: #ffffff; + padding: 1rem; + margin-bottom: 2rem; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 5px; +} +.card:last-child { + margin-bottom: 0; +} +.card .card-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 1rem; +} +.card .card-header h1, .card .card-header h2, .card .card-header h3, .card .card-header h4, .card .card-header h5, .card .card-header h6 { + margin: 0; +} +.card .card-subtitle { + color: #616161; + font-weight: 600; + margin: -1rem 0 1rem 0; +} + +body .ui-growl { + top: 85px; +} +body .ui-overlay-badge { + position: relative; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + transform-origin: 100% 0; + margin: 0; +} + +.height-100 { + height: 100% !important; +} + +.width-100 { + width: 100% !important; +} + +.fs-xsmall { + font-size: 0.715rem !important; +} + +.fs-small { + font-size: 0.858rem !important; +} + +.fs-normal { + font-size: 1rem !important; +} + +.fs-large { + font-size: 1.5rem !important; +} + +.fs-xlarge { + font-size: 2rem !important; +} + +.fs-xxlarge { + font-size: 3rem !important; +} + +.fw-400 { + font-weight: 400 !important; +} + +.fw-500 { + font-weight: 500 !important; +} + +.fw-700 { + font-weight: 700 !important; +} + +.rounded-small { + border-radius: 2px !important; +} + +.rounded-normal { + border-radius: 4px !important; +} + +.rounded-large { + border-radius: 6px !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-none { + border-radius: 0 !important; +} + +.divider-top { + border-top: 1px solid #E4E4E4 !important; +} + +.divider-bottom { + border-bottom: 1px solid #E4E4E4 !important; +} + +.divider-left { + border-left: 1px solid #E4E4E4 !important; +} + +.divider-right { + border-right: 1px solid #E4E4E4 !important; +} + +.muted-text { + color: #616161 !important; +} + +.text-color { + color: #212121 !important; +} + +.solid-surface-text-color { + color: #ffffff !important; +} + +.white-color { + color: #ffffff !important; +} + +.dark-color { + color: #212121 !important; +} + +.pink-color { + color: #E91E63 !important; +} + +.indigo-color { + color: #3F51B5 !important; +} + +.yellow-color { + color: #FFC107 !important; +} + +.orange-color { + color: #FF9800 !important; +} + +.teal-color { + color: #009688 !important; +} + +.cyan-color { + color: #00ACC1 !important; +} + +.bluegrey-color { + color: #546E7A !important; +} + +.purple-color { + color: #9C27B0 !important; +} + +.deeppurple-color { + color: #673AB7 !important; +} + +.blue-color { + color: #2196F3 !important; +} + +.lightblue-color { + color: #03A9F4 !important; +} + +.green-color { + color: #4CAF50 !important; +} + +.lightgreen-color { + color: #8BC34A !important; +} + +.lime-color { + color: #CDDC39 !important; +} + +.deeporange-color { + color: #FF5722 !important; +} + +.brown-color { + color: #795548 !important; +} + +.content-bgcolor { + background-color: #ffffff !important; +} + +.content-alt-bgcolor { + background-color: #ECEFF1 !important; +} + +.pink-bgcolor { + background-color: #E91E63 !important; +} + +.indigo-bgcolor { + background-color: #3F51B5 !important; +} + +.yellow-bgcolor { + background-color: #FFC107 !important; +} + +.orange-bgcolor { + background-color: #FF9800 !important; +} + +.teal-bgcolor { + background-color: #009688 !important; +} + +.cyan-bgcolor { + background-color: #00ACC1 !important; +} + +.bluegrey-bgcolor { + background-color: #546E7A !important; +} + +.purple-bgcolor { + background-color: #9C27B0 !important; +} + +.deeppurple-bgcolor { + background-color: #673AB7 !important; +} + +.blue-bgcolor { + background-color: #2196F3 !important; +} + +.lightblue-bgcolor { + background-color: #03A9F4 !important; +} + +.green-bgcolor { + background-color: #4CAF50 !important; +} + +.lightgreen-bgcolor { + background-color: #8BC34A !important; +} + +.lime-bgcolor { + background-color: #CDDC39 !important; +} + +.deeporange-bgcolor { + background-color: #FF5722 !important; +} + +.brown-bgcolor { + background-color: #795548 !important; +} + +.badge-dot { + width: 0.5rem; + min-width: 0.5rem; + height: 0.5rem; + border-radius: 50%; + padding: 0; +} + +body .layout-wrapper.layout-rtl { + direction: rtl; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper { + left: auto; + right: 0; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div { + padding-left: 0; + padding-right: 1rem; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li > a .ui-badge, +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li > a .layout-submenu-toggler { + margin-left: 0; + margin-right: auto; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text { + margin-right: 0.75rem; + margin-left: 0; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li a { + padding-left: 0.5rem; + padding-right: 1.75rem; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li a { + padding-left: 0.5rem; + padding-right: 2.625rem; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li a { + padding-left: 0.5rem; + padding-right: 3.5rem; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li a { + padding-left: 0.5rem; + padding-right: 4.375rem; +} +body .layout-wrapper.layout-rtl .layout-menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a i { + margin-right: 0; + margin-left: 0.75rem; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); +} +@media (min-width: 992px) { + body .layout-wrapper.layout-rtl.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + left: auto; + right: 0; + } + body .layout-wrapper.layout-rtl.layout-menu-overlay .layout-menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + body .layout-wrapper.layout-rtl.layout-menu-overlay.layout-menu-active .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + body .layout-wrapper.layout-rtl.layout-menu-overlay.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } + body .layout-wrapper.layout-rtl.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + left: auto; + right: 4.5rem; + } + body .layout-wrapper.layout-rtl.layout-menu-slim.layout-wrapper .layout-main { + margin-left: 0; + margin-right: 4.5rem; + } + body .layout-wrapper.layout-rtl.layout-menu-static .layout-menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + body .layout-wrapper.layout-rtl.layout-menu-static .layout-main { + transition: margin-right 0.2s; + } + body .layout-wrapper.layout-rtl.layout-menu-static.layout-menu-active .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + body .layout-wrapper.layout-rtl.layout-menu-static.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } + body .layout-wrapper.layout-rtl.layout-menu-static.layout-menu-active .layout-main { + margin-left: 0; + margin-right: 17rem; + } +} +@media (max-width: 991px) { + body .layout-wrapper.layout-rtl .layout-menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + body .layout-wrapper.layout-rtl.layout-menu-mobile-active .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + body .layout-wrapper.layout-rtl.layout-menu-mobile-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } +} +body .layout-wrapper.layout-rtl { + direction: rtl; +} +body .layout-wrapper.layout-rtl .layout-topbar { + left: auto; + right: 0; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-topbar-logo { + padding-right: 0; + padding-left: 1.25rem; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-menu-button { + left: auto; + right: 15.75rem; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-left .layout-topbar-mobile-button { + margin: 0 auto 0 0.5rem; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right { + padding-left: 0; + padding-right: 2rem; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right { + margin-right: auto; + margin-left: 0; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + right: auto; + left: 0; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel { + left: auto; + right: 0; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-right: 0.5rem; + margin-left: 0; +} +body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0; + margin-left: 0.5rem; +} +@media (max-width: 991px) { + body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .ui-megamenu-panel { + left: 1rem; + right: 1rem; + } + body .layout-wrapper.layout-rtl .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + left: 1em; + right: 1em; + } +} +body .layout-wrapper.layout-rtl { + overflow-x: hidden; +} +body .layout-wrapper.layout-rtl .layout-breadcrumb-container .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + transform: rotate(180deg); +} +body .layout-wrapper.layout-rtl .layout-config-button.ui-button { + right: auto; + left: 0; + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .layout-wrapper.layout-rtl .layout-config-button.ui-button .ui-button-icon { + font-size: 2rem; +} +body .layout-wrapper.layout-rtl .widget-bestsellers > li .bestseller-item .item-button { + margin-left: 0; + margin-right: auto; +} +body .layout-wrapper.layout-rtl .widget-chat .write-message .ui-inputgroup-addon:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; + border-left-width: 0; +} +body .layout-wrapper.layout-rtl .widget-chat .write-message .ui-inputgroup-addon:last-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; +} + +.layout-topbar { + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 4rem; + transition: width 0.2s; + display: flex; +} +.layout-topbar ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.layout-topbar .layout-topbar-left { + display: flex; + align-items: center; + height: 100%; + position: relative; +} +.layout-topbar .layout-topbar-left .layout-topbar-logo { + width: 17rem; + height: 100%; + padding-right: 1.25rem; + display: flex; + align-items: center; + justify-content: center; +} +.layout-topbar .layout-topbar-left .layout-menu-button { + position: absolute; + top: 50%; + left: 15.75rem; + width: 2.5rem; + height: 2.5rem; + margin-top: -1.25rem; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + border-radius: 50%; +} +.layout-topbar .layout-topbar-left .layout-menu-button i { + transition: transform 0.2s; +} +.layout-topbar .layout-topbar-left .layout-topbar-mobile-button { + display: none; + align-items: center; + padding: 0 0.8rem; + margin: 0 0.5rem 0 auto; + border-radius: 50%; + height: 3.2rem; + cursor: pointer; +} +.layout-topbar .layout-topbar-right { + display: flex; + flex-grow: 1; + align-items: center; + padding-left: 2rem; + height: 100%; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-left { + display: flex; + align-items: center; + height: 100%; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right { + height: 100%; + margin-left: auto; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items { + display: flex; + flex-direction: row; + justify-content: center; + height: 100%; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item { + display: flex; + align-items: center; + position: relative; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action { + user-select: none; + padding: 0 0.8rem; + margin: 0 0.4rem; + border-radius: 4px; + height: 3.2rem; + min-width: 3.2rem; + display: flex; + align-items: center; + cursor: pointer; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + position: absolute; + top: 4rem; + right: 0; + z-index: 1000; + min-width: 25rem; + padding: 1rem 0; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel .layout-topbar-action-item { + cursor: pointer; + padding: 1rem; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel { + height: 4rem; + width: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 1000; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + border-radius: 0; + border: 0 none; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:focus { + outline: 0 none; + box-shadow: none; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel i { + font-weight: bold; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon { + border: 0 none; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +@media (max-width: 991px) { + .layout-topbar { + height: auto; + display: flex; + flex-direction: column; + } + .layout-topbar .layout-topbar-left { + height: 4rem; + width: 100%; + justify-content: flex-start; + } + .layout-topbar .layout-topbar-left .layout-topbar-mobile-button { + display: flex; + } + .layout-topbar .layout-topbar-right { + display: none; + flex-direction: column-reverse; + padding: 0; + } + .layout-topbar .layout-topbar-right.layout-topbar-mobile-active { + display: flex; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left { + height: 4rem; + display: flex; + justify-content: space-between; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .ui-menu-parent > .ui-menu-list { + position: fixed; + left: 1rem !important; + right: 1rem; + max-height: calc(100vh - 168px); + overflow-y: auto; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .ui-menu-parent > .ui-menu-list > table { + width: 100%; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu .ui-menu-child .ui-menu-list { + min-width: 12rem; + width: 100%; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-right { + height: 4rem; + width: 100%; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items { + width: 100%; + justify-content: space-between; + } + .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item .layout-topbar-action-panel { + position: fixed; + top: 8rem; + left: 1em; + right: 1em; + } +} +@media (min-width: 992px) { + .layout-menu-horizontal .layout-topbar .layout-topbar-left .layout-menu-button, + .layout-menu-slim .layout-topbar .layout-topbar-left .layout-menu-button { + display: none; + } +} +.layout-topbar-blue { + --topbar-bg-color:linear-gradient(90deg, #010A79 0%, #0512A7 100%); + --topbar-text-color: #ffffff; +} +.layout-topbar-blue .layout-topbar { + color: #ffffff; + background: linear-gradient(90deg, #010A79 0%, #0512A7 100%); +} +.layout-topbar-blue .layout-topbar a { + color: #ffffff; +} +.layout-topbar-blue .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-left { + background-color: #0D47A1; +} +.layout-topbar-blue .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #FBC02D; +} +.layout-topbar-blue .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(251, 192, 45, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-blue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-lightblue { + --topbar-bg-color:#0288D1; + --topbar-text-color: #ffffff; +} +.layout-topbar-lightblue .layout-topbar { + color: #ffffff; + background-color: #0288D1; +} +.layout-topbar-lightblue .layout-topbar a { + color: #ffffff; +} +.layout-topbar-lightblue .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-left { + background-color: #0277BD; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #FDD835; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(253, 216, 53, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightblue .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-white { + --topbar-bg-color:#ffffff; + --topbar-text-color: #616161; +} +.layout-topbar-white .layout-topbar { + color: #616161; + background-color: #ffffff; +} +.layout-topbar-white .layout-topbar a { + color: #616161; +} +.layout-topbar-white .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-left { + background-color: #ffffff; +} +.layout-topbar-white .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #ffffff; +} +.layout-topbar-white .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(255, 255, 255, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #616161; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-white .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-dark { + --topbar-bg-color:#1e1e1e; + --topbar-text-color: #ffffff; +} +.layout-topbar-dark .layout-topbar { + color: #ffffff; + background-color: #1e1e1e; +} +.layout-topbar-dark .layout-topbar a { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-left { + background-color: #1e1e1e; +} +.layout-topbar-dark .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #E91E63; +} +.layout-topbar-dark .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(233, 30, 99, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-dark .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-deeppurple { + --topbar-bg-color:#4527A0; + --topbar-text-color: #ffffff; +} +.layout-topbar-deeppurple .layout-topbar { + color: #ffffff; + background-color: #4527A0; +} +.layout-topbar-deeppurple .layout-topbar a { + color: #ffffff; +} +.layout-topbar-deeppurple .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-left { + background-color: #311B92; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeppurple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-purple { + --topbar-bg-color:#6A1B9A; + --topbar-text-color: #ffffff; +} +.layout-topbar-purple .layout-topbar { + color: #ffffff; + background-color: #6A1B9A; +} +.layout-topbar-purple .layout-topbar a { + color: #ffffff; +} +.layout-topbar-purple .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-left { + background-color: #4A148C; +} +.layout-topbar-purple .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-purple .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-purple .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-pink { + --topbar-bg-color:#AD1457; + --topbar-text-color: #ffffff; +} +.layout-topbar-pink .layout-topbar { + color: #ffffff; + background-color: #AD1457; +} +.layout-topbar-pink .layout-topbar a { + color: #ffffff; +} +.layout-topbar-pink .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-left { + background-color: #880E4F; +} +.layout-topbar-pink .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-pink .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-pink .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-cyan { + --topbar-bg-color:#0097A7; + --topbar-text-color: #ffffff; +} +.layout-topbar-cyan .layout-topbar { + color: #ffffff; + background-color: #0097A7; +} +.layout-topbar-cyan .layout-topbar a { + color: #ffffff; +} +.layout-topbar-cyan .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-left { + background-color: #006064; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #E64A19; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(230, 74, 25, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-cyan .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-teal { + --topbar-bg-color:#00796B; + --topbar-text-color: #ffffff; +} +.layout-topbar-teal .layout-topbar { + color: #ffffff; + background-color: #00796B; +} +.layout-topbar-teal .layout-topbar a { + color: #ffffff; +} +.layout-topbar-teal .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-left { + background-color: #004D40; +} +.layout-topbar-teal .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #D32F2F; +} +.layout-topbar-teal .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(211, 47, 47, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-teal .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-green { + --topbar-bg-color:#43A047; + --topbar-text-color: #ffffff; +} +.layout-topbar-green .layout-topbar { + color: #ffffff; + background-color: #43A047; +} +.layout-topbar-green .layout-topbar a { + color: #ffffff; +} +.layout-topbar-green .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-left { + background-color: #2E7D32; +} +.layout-topbar-green .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #F4511E; +} +.layout-topbar-green .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(244, 81, 30, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-green .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-lightgreen { + --topbar-bg-color:#689F38; + --topbar-text-color: #ffffff; +} +.layout-topbar-lightgreen .layout-topbar { + color: #ffffff; + background-color: #689F38; +} +.layout-topbar-lightgreen .layout-topbar a { + color: #ffffff; +} +.layout-topbar-lightgreen .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-left { + background-color: #558B2F; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #F57C00; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(245, 124, 0, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lightgreen .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-lime { + --topbar-bg-color:#AFB42B; + --topbar-text-color: #212121; +} +.layout-topbar-lime .layout-topbar { + color: #212121; + background-color: #AFB42B; +} +.layout-topbar-lime .layout-topbar a { + color: #212121; +} +.layout-topbar-lime .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-left { + background-color: #9E9D24; +} +.layout-topbar-lime .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F57C00; +} +.layout-topbar-lime .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(245, 124, 0, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-lime .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-yellow { + --topbar-bg-color:#FBC02D; + --topbar-text-color: #212121; +} +.layout-topbar-yellow .layout-topbar { + color: #212121; + background-color: #FBC02D; +} +.layout-topbar-yellow .layout-topbar a { + color: #212121; +} +.layout-topbar-yellow .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-left { + background-color: #F9A825; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(33, 33, 33, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-yellow .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-amber { + --topbar-bg-color:#FFA000; + --topbar-text-color: #212121; +} +.layout-topbar-amber .layout-topbar { + color: #212121; + background-color: #FFA000; +} +.layout-topbar-amber .layout-topbar a { + color: #212121; +} +.layout-topbar-amber .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-left { + background-color: #FF8F00; +} +.layout-topbar-amber .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(33, 33, 33, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-amber .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-orange { + --topbar-bg-color:#FB8C00; + --topbar-text-color: #212121; +} +.layout-topbar-orange .layout-topbar { + color: #212121; + background-color: #FB8C00; +} +.layout-topbar-orange .layout-topbar a { + color: #212121; +} +.layout-topbar-orange .layout-topbar a:hover { + background-color: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-left { + background-color: #EF6C00; +} +.layout-topbar-orange .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(33, 33, 33, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(0, 0, 0, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-orange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-deeporange { + --topbar-bg-color:#D84315; + --topbar-text-color: #ffffff; +} +.layout-topbar-deeporange .layout-topbar { + color: #ffffff; + background-color: #D84315; +} +.layout-topbar-deeporange .layout-topbar a { + color: #ffffff; +} +.layout-topbar-deeporange .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-left { + background-color: #BF360C; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #00BCD4; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(0, 188, 212, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-deeporange .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-brown { + --topbar-bg-color:#5D4037; + --topbar-text-color: #ffffff; +} +.layout-topbar-brown .layout-topbar { + color: #ffffff; + background-color: #5D4037; +} +.layout-topbar-brown .layout-topbar a { + color: #ffffff; +} +.layout-topbar-brown .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-left { + background-color: #4E342E; +} +.layout-topbar-brown .layout-topbar .layout-topbar-left .layout-menu-button { + color: #212121; + background-color: #F9A825; +} +.layout-topbar-brown .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(249, 168, 37, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-brown .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-grey { + --topbar-bg-color:#616161; + --topbar-text-color: #ffffff; +} +.layout-topbar-grey .layout-topbar { + color: #ffffff; + background-color: #616161; +} +.layout-topbar-grey .layout-topbar a { + color: #ffffff; +} +.layout-topbar-grey .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-left { + background-color: #424242; +} +.layout-topbar-grey .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #0097A7; +} +.layout-topbar-grey .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(0, 151, 167, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-grey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-bluegrey { + --topbar-bg-color:#546E7A; + --topbar-text-color: #ffffff; +} +.layout-topbar-bluegrey .layout-topbar { + color: #ffffff; + background-color: #546E7A; +} +.layout-topbar-bluegrey .layout-topbar a { + color: #ffffff; +} +.layout-topbar-bluegrey .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-left { + background-color: #37474F; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #0097A7; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(0, 151, 167, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-bluegrey .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-topbar-indigo { + --topbar-bg-color:#3F51B5; + --topbar-text-color: #ffffff; +} +.layout-topbar-indigo .layout-topbar { + color: #ffffff; + background-color: #3F51B5; +} +.layout-topbar-indigo .layout-topbar a { + color: #ffffff; +} +.layout-topbar-indigo .layout-topbar a:hover { + background-color: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-left { + background-color: #283593; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-left .layout-menu-button { + color: #ffffff; + background-color: #E91E63; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-left .layout-menu-button:hover { + background-color: rgba(233, 30, 99, 0.7); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu { + background: none; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-text, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-menuitem-icon, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + color: #ffffff; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-left .layout-megamenu.ui-megamenu .ui-menu-parent > .ui-menuitem-link:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.12); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel { + background-color: #ffffff; + color: #212121; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a { + color: #212121; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel a:hover { + background-color: transparent; + transition: none; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-action-panel .layout-topbar-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); + transition: background-color 0.2s; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel input:hover { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:first-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:first-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:first-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon:last-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup button:last-child, +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup input:last-child { + background-color: #f7f7f7; + color: #212121; +} +.layout-topbar-indigo .layout-topbar .layout-topbar-right .layout-topbar-actions-right .layout-topbar-items .layout-topbar-item.layout-search-item .layout-search-panel .ui-inputgroup-addon .ui-button-text { + color: #212121; +} + +.layout-rightmenu.ui-sidebar { + top: 4rem; + height: calc(100% - 4rem); + overflow: auto; + transition: transform 0.2s; +} +.layout-rightmenu.ui-sidebar .ui-sidebar-header, +.layout-rightmenu.ui-sidebar .ui-sidebar-content { + padding: 0; +} +.layout-rightmenu .online-members img:hover { + cursor: pointer; +} +.layout-rightmenu .next-events li { + border-radius: 5px; +} +.layout-rightmenu .next-events li:hover { + background-color: rgba(0, 0, 0, 0.04); + cursor: pointer; +} + +@media (max-width: 991px) { + .layout-wrapper.layout-topbar-mobile-active .layout-rightmenu { + top: 12rem; + height: calc(100% - 12rem); + } +} +.layout-menu-wrapper { + height: calc(100% - 4rem); + width: 17rem; + position: fixed; + left: 0; + top: 4rem; + z-index: 997; + transform: none; +} +.layout-menu-wrapper ul { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} +.layout-menu-wrapper .layout-menu-container { + display: flex; + flex-direction: column; + height: 100%; +} +.layout-menu-wrapper .layout-menu-container .layout-menu { + padding-bottom: 2rem; + overflow-y: auto; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li { + border-radius: 4px; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > a { + display: none; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div { + padding-left: 1rem; + margin-bottom: 0.5rem; + margin-top: 1.5rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li.layout-root-menuitem > div > .layout-menuitem-text { + font-size: 0.857rem; + font-weight: 600; + text-transform: uppercase; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > a { + display: flex; + align-items: center; + padding: 0.75rem; + border-radius: 4px; + cursor: pointer; + user-select: none; + transition: background-color 0.2s, color 0.2s; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > a .layout-menuitem-text { + margin-left: 0.75rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > a .ui-badge { + margin-left: auto; + min-width: 1.143rem; + height: 1.143rem; + line-height: 1.143rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > a .layout-submenu-toggler { + margin-left: auto; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > a.rotated-icon .layout-menuitem-icon { + transform: rotate(90deg); +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > a .ui-badge + .layout-submenu-toggler { + margin-left: 0.5rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a .layout-submenu-toggler { + transition: all 0.2s; + transform: rotate(-180deg); +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul { + padding: 0 0.5rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul li ul { + padding: 0 0 0.25rem; + overflow: hidden; + display: none; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li { + margin-top: 0.2rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li.layout-root-menuitem > a { + display: flex; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li a { + padding-left: 1.75rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li a { + padding-left: 2.625rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li a { + padding-left: 3.5rem; +} +.layout-menu-wrapper .layout-menu-container .layout-menu li > ul > li ul li ul li ul li ul li a { + padding-left: 4.375rem; +} + +@media (min-width: 992px) { + .layout-menu-static .layout-menu-wrapper { + transform: translate3d(-17rem, 0px, 0px); + transition: transform 0.2s; + } + .layout-menu-static .layout-main { + transition: margin-left 0.2s; + } + .layout-menu-static.layout-menu-active .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-menu-static.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + .layout-menu-static.layout-menu-active .layout-main { + margin-left: 17rem; + } +} +@media (min-width: 992px) { + .layout-menu-overlay .layout-menu-wrapper { + transform: translate3d(-17rem, 0px, 0px); + transition: transform 0.2s; + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + } + .layout-menu-overlay.layout-menu-active .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-menu-overlay.layout-menu-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + .layout-menu-overlay .layout-topbar .layout-topbar-wrapper .layout-topbar-right .menu-button { + display: flex; + } +} +@media (min-width: 992px) { + .layout-menu-horizontal .layout-menu-wrapper { + width: 100%; + height: 3rem; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container { + flex-direction: row; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu { + display: flex; + flex-direction: row; + align-items: center; + height: 100%; + margin: 0px 1rem; + padding-bottom: 0px; + overflow-y: visible; + flex-grow: 1; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > a { + margin-right: 1rem; + display: flex; + align-items: center; + position: relative; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > a .layout-menuitem-badge { + position: absolute; + top: 50%; + left: 1.5rem; + margin-top: -1.214rem; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + position: absolute; + top: 2.75rem; + left: 0px; + z-index: 100; + padding: 0.5rem; + overflow: auto; + max-height: 32rem; + min-width: 16rem; + border-radius: 5px; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > ul { + display: block; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border: 0 none; + } + .layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-inline-menu > .layout-inline-menu-action { + height: 3rem; + } + .layout-menu-horizontal.layout-wrapper .layout-main { + padding-top: 7rem; + } +} +@media (min-width: 992px) { + .layout-menu-slim .layout-menu-wrapper { + width: 4.5rem; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu { + display: flex; + flex-direction: column; + padding-top: 1rem; + overflow-y: visible; + flex-grow: 1; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li { + position: relative; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > a { + display: flex; + justify-content: center; + position: relative; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > a i { + font-size: 1.5rem; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > a .layout-submenu-toggler, + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > a .layout-menuitem-text { + display: none; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > a .layout-menuitem-badge { + position: absolute; + top: 50%; + right: 1rem; + margin-top: -1.214rem; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li.layout-root-menuitem > div { + display: none; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + display: none; + position: absolute; + top: 0; + left: 4.5rem; + z-index: 100; + padding: 0.5rem; + overflow: auto; + max-height: 32rem; + min-width: 16.5rem; + border-radius: 2px; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li.active-menuitem > ul { + display: block; + } + .layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + padding: 0; + } + .layout-menu-slim.layout-wrapper .layout-main { + margin-left: 4.5rem; + } + body:has(.layout-menu-slim .layout-root-menuitem.active-menuitem) .layout-menu-tooltip { + visibility: hidden; + pointer-events: none; + } +} +.layout-menu-wrapper .layout-inline-menu { + display: flex; + flex-direction: column; + justify-content: center; + border-width: 1px 0 1px 0; + border-style: solid; + margin-top: auto; +} +.layout-menu-wrapper .layout-inline-menu.layout-inline-menu-active .layout-inline-menu-icon, .layout-menu-wrapper .layout-inline-menu:has(.layout-inline-menu-action-panel:not(.hidden)) .layout-inline-menu-icon { + transition: all 0.2s; + transform: rotate(-180deg); +} +.layout-menu-wrapper .layout-inline-menu .layout-inline-menu-action { + cursor: pointer; +} +.layout-menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel { + padding: 0 0.5rem; + margin-bottom: 0.5rem; + animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + animation-duration: 0.4s; +} +.layout-menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + margin-top: 0.2rem; + border-radius: 5px; + transition: all 0.2s; + cursor: pointer; + user-select: none; +} +.layout-menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a { + padding: 0.75rem; +} +.layout-menu-wrapper .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item a i { + margin-right: 0.75rem; +} + +@media (max-width: 991px) { + .layout-wrapper .layout-menu-wrapper { + top: 4rem; + height: calc(100% - 4rem); + transform: translate3d(-17rem, 0px, 0px); + transition: transform 0.2s; + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + } + .layout-wrapper.layout-topbar-mobile-active .layout-menu-wrapper { + top: 12rem; + height: calc(100% - 12rem); + } + .layout-wrapper.layout-menu-mobile-active { + overflow: hidden; + height: 100vh; + } + .layout-wrapper.layout-menu-mobile-active .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + .layout-wrapper.layout-menu-mobile-active .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + .layout-wrapper.layout-menu-mobile-active .layout-modal { + display: block; + } + body:has(.layout-menu-slim) .layout-menu-tooltip { + visibility: hidden; + pointer-events: none; + } +} +.layout-menu-light { + --menu-bg-color:#FDFEFF; + --menu-text-color: #657380; +} +.layout-menu-light .layout-menu-wrapper { + background-color: #FDFEFF; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #657380; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #FDFEFF; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: #515C66; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: #515C66; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: var(--primary-lightest-color); + color: var(--primary-dark-color); +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: var(--primary-dark-color); +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: var(--primary-lightest-color); + color: var(--primary-dark-color); +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: var(--primary-dark-color); +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: #e4e4e4; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: #515C66; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: #515C66; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: #515C66; +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(0, 0, 0, 0.04); +} +.layout-menu-light .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #FDFEFF; +} +@media (min-width: 992px) { + .layout-menu-light.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-light.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-light.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-dark { + color-scheme: dark; +} +.layout-menu-dark { + --menu-bg-color:#1e1e1e; + --menu-text-color: rgba(255, 255, 255, 0.6); +} +.layout-menu-dark .layout-menu-wrapper { + background-color: #1e1e1e; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #1e1e1e; +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: hsla(0deg, 0%, 100%, 0.12); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.87); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: hsla(0deg, 0%, 100%, 0.04); +} +.layout-menu-dark .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #1e1e1e; +} +@media (min-width: 992px) { + .layout-menu-dark.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-dark.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-dark.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-indigo { + --menu-bg-color:#1A237E; + --menu-text-color: #ffffff; +} +.layout-menu-indigo .layout-menu-wrapper { + background-color: #1A237E; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #1A237E; +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-indigo .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #1A237E; +} +@media (min-width: 992px) { + .layout-menu-indigo.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-indigo.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-indigo.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-bluegrey { + --menu-bg-color:#37474F; + --menu-text-color: #ffffff; +} +.layout-menu-bluegrey .layout-menu-wrapper { + background-color: #37474F; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #37474F; +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-bluegrey .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #37474F; +} +@media (min-width: 992px) { + .layout-menu-bluegrey.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-bluegrey.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-bluegrey.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-brown { + --menu-bg-color:#4E342E; + --menu-text-color: #ffffff; +} +.layout-menu-brown .layout-menu-wrapper { + background-color: #4E342E; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #4E342E; +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-brown .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #4E342E; +} +@media (min-width: 992px) { + .layout-menu-brown.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-brown.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-brown.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-cyan { + --menu-bg-color:#006064; + --menu-text-color: #ffffff; +} +.layout-menu-cyan .layout-menu-wrapper { + background-color: #006064; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #006064; +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-cyan .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #006064; +} +@media (min-width: 992px) { + .layout-menu-cyan.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-cyan.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-cyan.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-green { + --menu-bg-color:#2E7D32; + --menu-text-color: #ffffff; +} +.layout-menu-green .layout-menu-wrapper { + background-color: #2E7D32; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #2E7D32; +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-green .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #2E7D32; +} +@media (min-width: 992px) { + .layout-menu-green.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-green.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-green.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-deeppurple { + --menu-bg-color:#4527A0; + --menu-text-color: #ffffff; +} +.layout-menu-deeppurple .layout-menu-wrapper { + background-color: #4527A0; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #4527A0; +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeppurple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #4527A0; +} +@media (min-width: 992px) { + .layout-menu-deeppurple.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-deeppurple.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-deeppurple.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-deeporange { + --menu-bg-color:#BF360C; + --menu-text-color: #ffffff; +} +.layout-menu-deeporange .layout-menu-wrapper { + background-color: #BF360C; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #BF360C; +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-deeporange .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #BF360C; +} +@media (min-width: 992px) { + .layout-menu-deeporange.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-deeporange.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-deeporange.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-pink { + --menu-bg-color:#880E4F; + --menu-text-color: #ffffff; +} +.layout-menu-pink .layout-menu-wrapper { + background-color: #880E4F; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #880E4F; +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-pink .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #880E4F; +} +@media (min-width: 992px) { + .layout-menu-pink.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-pink.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-pink.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-purple { + --menu-bg-color:#6A1B9A; + --menu-text-color: #ffffff; +} +.layout-menu-purple .layout-menu-wrapper { + background-color: #6A1B9A; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #6A1B9A; +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-purple .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #6A1B9A; +} +@media (min-width: 992px) { + .layout-menu-purple.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-purple.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-purple.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +.layout-menu-teal { + --menu-bg-color:#00695C; + --menu-text-color: #ffffff; +} +.layout-menu-teal .layout-menu-wrapper { + background-color: #00695C; + box-shadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu > li > div .layout-menuitem-text { + color: #ffffff; +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + background-color: #00695C; +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu li a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu li a i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu li a:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem > a > i { + color: #ffffff; +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink { + background-color: rgba(255, 255, 255, 0.24); + color: #ffffff; +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-menu li.active-menuitem a.active-menuitem-routerlink > i { + color: #ffffff; +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu { + border-color: rgba(255, 255, 255, 0.24); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu a { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action, +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action i, +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item i { + color: rgba(255, 255, 255, 0.6); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action:hover, +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item:hover { + background-color: rgba(255, 255, 255, 0.12); +} +.layout-menu-teal .layout-menu-wrapper .layout-menu-container .layout-inline-menu .layout-inline-menu-action-panel { + background-color: #00695C; +} +@media (min-width: 992px) { + .layout-menu-teal.layout-menu-horizontal .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul, .layout-menu-teal.layout-menu-slim .layout-menu-wrapper .layout-menu-container .layout-menu > li > ul { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } + .layout-menu-teal.layout-menu-horizontal .layout-inline-menu .layout-inline-menu-action-panel { + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); + } +} + +body .layout-megamenu.ui-megamenu { + border: 0 none; + padding: 0; +} + +html { + height: 100%; + font-size: 14px; +} + +body { + font-family: Roboto, "Helvetica Neue", sans-serif; + font-size: 1rem; + color: #212121; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0; + margin: 0; + background-color: #f7f7f7; + min-height: 100%; +} +body a { + text-decoration: none; + color: #616161; +} + +.layout-modal { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 996; + width: 100%; + height: 100%; + animation-duration: 0.2s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} + +.layout-wrapper .layout-main { + padding-top: 4rem; + display: flex; + flex-direction: column; + justify-content: space-between; + min-height: 100vh; +} +.layout-wrapper .layout-main .layout-content { + padding: 2rem; + padding-top: 1rem; + flex: 1 1 0; +} + +.layout-ajax-loader-icon { + position: fixed; + right: 2rem; + bottom: 2rem; + font-size: 2rem !important; + color: #616161; + z-index: 999; + pointer-events: none; +} + +.layout-topbar .notifications .layout-topbar-action-panel img { + width: 32px; + height: 32px; +} +.layout-topbar .notifications .layout-topbar-action-panel .layout-topbar-action-item { + border-bottom: 1px solid var(--divider-color); +} +.layout-topbar .notifications .layout-topbar-action-panel .layout-topbar-action-item:last-child { + border-bottom: 0 none; +} +.layout-topbar .app .layout-topbar-action-panel a { + padding: 0.5rem 0; +} +.layout-topbar .app .layout-topbar-action-panel a i { + width: 42px; + height: 42px; + border: 1px solid transparent; + border-radius: 50%; + margin: 0.5rem 0; + display: flex; + align-items: center; + justify-content: center; +} + +.layout-rightmenu .header { + padding-bottom: 0.5rem; + margin-bottom: 0.714rem; + border-bottom: 1px solid var(--divider-color); +} +.layout-rightmenu .online-members img { + width: 32px; +} +.layout-rightmenu .online-members b { + color: var(--primary-color); +} +.layout-rightmenu .latest-activity i { + border: 1px solid transparent; + border-radius: 50px; + background-color: var(--surface-d); +} +.layout-rightmenu .next-events ul { + margin: 0; + list-style-type: none; + padding: 0; +} +.layout-rightmenu .next-events ul > li { + padding: 0.875rem 0.5rem; +} + +.layout-help-page .questions.ui-accordion .ui-accordion-tab { + margin-top: 1rem; + overflow: hidden; +} +.layout-help-page .questions.ui-accordion:first-child .ui-accordion-tab { + margin-top: 0; +} + +@media (min-width: 992px) { + .layout-menu-slim .layout-inline-menu .layout-inline-menu-action { + justify-content: center; + } + .layout-menu-slim .layout-inline-menu .layout-inline-menu-action > span, + .layout-menu-slim .layout-inline-menu .layout-inline-menu-action > i { + display: none !important; + } + .layout-menu-slim .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item > a { + justify-content: center; + } + .layout-menu-slim .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item > a > i { + font-size: 1.5rem; + margin-right: 0 !important; + } + .layout-menu-slim .layout-inline-menu .layout-inline-menu-action-panel .layout-inline-menu-action-item > a > span { + display: none; + } +} +.layout-footer { + background-color: #ffffff; +} +.layout-footer .layout-footer-action.ui-button.ui-button-icon-only { + width: 2.75rem; + padding: 0.643rem; +} +.layout-footer .layout-footer-action.ui-button.ui-button-icon-only .ui-icon { + font-size: 1.5rem; + margin-top: -0.75rem; + margin-left: -0.75rem; +} + +.layout-config { + transition: transform 0.2s; +} +.layout-config .layout-config-panel { + height: 100%; +} +.layout-config .layout-config-options { + height: 100%; + overflow-y: auto; +} +.layout-config .layout-config-options .layout-config-color-option { + width: 1.75rem; + height: 1.75rem; + display: block; + position: relative; +} +.layout-config .layout-config-options .layout-config-color-option.ui-state-disabled { + opacity: 0.1; +} +.layout-config .layout-config-options .layout-config-color-option .color { + display: inline-block; + width: 100%; + height: 100%; + border-radius: 4px; + border: 1px solid #E4E4E4; +} +.layout-config .layout-config-options .layout-config-color-option .check { + position: absolute; + left: 0; + top: 0; + z-index: 1; + pointer-events: none; + width: 100%; + height: 100%; +} +.layout-config .layout-config-options .grid-radio td { + padding-top: 1rem; +} +.layout-config .layout-config-options .grid-radio tr:first-child td { + padding-top: 0; +} +.layout-config p { + color: var(--text-color-secondary); +} +.layout-config .scale-icon { + color: var(--surface-d); +} +.layout-config .scale-icon.scale-active { + color: var(--primary-color); +} + +.layout-config-button.ui-button.ui-button-icon-only { + z-index: 1001; + position: fixed; + top: 50%; + right: 0; + width: auto; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + font-size: 2rem; + width: 3.5rem; +} +.layout-config-button.ui-button.ui-button-icon-only .ui-icon { + font-size: 2rem; + margin-top: -1rem; + margin-left: -1rem; +} + +.layout-breadcrumb-container { + background-color: #ffffff; +} +.layout-breadcrumb-container .layout-breadcrumb { + background: transparent; + border: 0 none; + border-radius: 0; +} + +/* Add your customizations of layout here */ diff --git a/src/main/resources/resources/layout/styles/layout-light.scss b/src/main/resources/resources/layout/styles/layout-light.scss new file mode 100644 index 0000000..b60011f --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout-light.scss @@ -0,0 +1,2 @@ +@import '../fonts/_fonts'; +@import './layout/layout-light/_layout'; \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/_layout.scss b/src/main/resources/resources/layout/styles/layout/layout-common/_layout.scss new file mode 100644 index 0000000..036aa77 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/_layout.scss @@ -0,0 +1,16 @@ +@use 'sass:math'; + +@import './styles/_mixins'; +@import './styles/_typography'; +@import './styles/_loader'; +@import './styles/_animation'; +@import './styles/_utils'; +@import './styles/_rtl'; +@import './styles/topbar/_topbar'; +@import './styles/_rightmenu'; +@import './styles/menu/_menu'; +@import './styles/_megamenu'; +@import './styles/_main'; +@import './styles/_footer'; +@import './styles/_config'; +@import './styles/_breadcrumb'; \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/_variables.scss b/src/main/resources/resources/layout/styles/layout/layout-common/_variables.scss new file mode 100644 index 0000000..6db8cb3 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/_variables.scss @@ -0,0 +1,14 @@ +//general +$fontSize:14px !default; +$fontFamily: 'Roboto' !default; +$borderRadius:5px !default; +$animationDuration:.2s !default; +$animationTimingFunction:cubic-bezier(.05,.74,.2,.99) !default; +$letterSpacing:normal !default; +$transitionDuration:.2s !default; +$mobileBreakpoint:991px !default; + +:root { + --transition-duration:#{$transitionDuration}; + --layout-mobile-breakpoint:#{$mobileBreakpoint}; +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/_animation.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_animation.scss new file mode 100644 index 0000000..1d6f95c --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_animation.scss @@ -0,0 +1,93 @@ +@keyframes overlayEnter { + from { + opacity: 0; + transform: scaleY(0.8); + } + + to { + opacity: 1; + transform: none; + } +} + +@keyframes overlayLeave { + from { + opacity: 1; + } + + to { + opacity: 0; + } +} + +.overlay-enter { + transform-origin: top; + animation-name: overlayEnter; + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-duration: .12s; +} + +.overlay-leave { + animation-name: overlayLeave; + animation-timing-function: linear; + animation-duration: .1s; +} + +@keyframes fadeInDown { + from { + opacity: 0; + transform: translate3d(0, -20px, 0); + } + + to { + opacity: 1; + transform: none; + } +} + +@keyframes fadeOutUp { + from { + opacity: 1; + } + + to { + opacity: 0; + transform: translate3d(0, -20px, 0); + } +} + +@keyframes fadeinmask { + from { opacity: 0; } + to { opacity: .8; } +} + +.fadeInDown { + animation-name: fadeInDown; +} + +.fadeOutUp { + animation-name: fadeOutUp; +} + +@keyframes modal-in { + from { + background-color: transparent; + } + + to { + background-color: rgba(0,0,0,0.6); + } +} + +.modal-in { + animation-name: modal-in; +} + +@keyframes spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/_breadcrumb.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_breadcrumb.scss new file mode 100644 index 0000000..81eed12 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_breadcrumb.scss @@ -0,0 +1,10 @@ +.layout-breadcrumb-container { + background-color: $contentBgColor; + + .layout-breadcrumb { + background: transparent; + border: 0 none; + border-radius: 0; + } +} + diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/_config.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_config.scss new file mode 100644 index 0000000..11fa745 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_config.scss @@ -0,0 +1,83 @@ +.layout-config { + transition: transform $transitionDuration; + + .layout-config-panel { + height: 100%; + } + + .layout-config-options { + height: 100%; + overflow-y: auto; + + .layout-config-color-option { + width: 1.75rem; + height: 1.75rem; + display: block; + position: relative; + + &.ui-state-disabled { + opacity: .1; + } + + .color { + display: inline-block; + width: 100%; + height: 100%; + border-radius: 4px; + border: 1px solid $dividerColor; + } + + .check { + position: absolute; + left: 0; + top: 0; + z-index: 1; + pointer-events: none; + width: 100%; + height: 100%; + } + } + + .grid-radio { + td { + padding-top: 1rem; + } + + tr:first-child { + td { + padding-top: 0; + } + } + } + } + + p { + color: var(--text-color-secondary); + } + + .scale-icon { + color: var(--surface-d); + + &.scale-active { + color: var(--primary-color); + } + } +} + +.layout-config-button.ui-button.ui-button-icon-only { + z-index: 1001; + position: fixed; + top: 50%; + right: 0; + width: auto; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + font-size: 2rem; + width: 3.5rem; + + .ui-icon { + font-size: 2rem; + margin-top: -1rem; + margin-left: -1rem; + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/_footer.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_footer.scss new file mode 100644 index 0000000..2c39709 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_footer.scss @@ -0,0 +1,18 @@ +.layout-footer { + background-color: $contentBgColor; + + .layout-footer-action { + &.ui-button { + &.ui-button-icon-only { + width: 2.75rem; + padding: 0.643rem; + + .ui-icon { + font-size: 1.5rem; + margin-top: -0.75rem; + margin-left: -0.75rem; + } + } + } + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/_loader.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_loader.scss new file mode 100644 index 0000000..dd5df52 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_loader.scss @@ -0,0 +1,58 @@ +@use "sass:math"; + +$offset: 187; +$duration: 1.4s; + +.splash-screen { + width: 100%; + min-height: 100%; + background-color: var(--primary-color); + position: absolute; +} + +.splash-loader-container { + text-align: center; + position: absolute; + top: 50%; + left: 50%; + margin-left: -32px; + margin-top: -32px; +} + +.splash-loader { + animation: rotator $duration linear infinite; +} + +@keyframes rotator { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(270deg); } +} + +.splash-path { + stroke-dasharray: $offset; + stroke-dashoffset: 0; + transform-origin: center; + animation: + dash $duration ease-in-out infinite, + colors ($duration*4) ease-in-out infinite; +} + +@keyframes colors { + 0% { stroke: #4285F4; } + 25% { stroke: #DE3E35; } + 50% { stroke: #F7C223; } + 75% { stroke: #1B9A59; } + 100% { stroke: #4285F4; } +} + +@keyframes dash { + 0% { stroke-dashoffset: $offset; } + 50% { + stroke-dashoffset: math.div($offset, 4); + transform: rotate(135deg); + } + 100% { + stroke-dashoffset: $offset; + transform: rotate(450deg); + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/_main.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_main.scss new file mode 100644 index 0000000..c4407c9 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_main.scss @@ -0,0 +1,186 @@ +html { + height: 100%; + font-size: $fontSize; +} + +body { + font-family: Roboto,"Helvetica Neue",sans-serif; + font-size: 1rem; + color: $textColor; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding: 0; + margin: 0; + background-color: $bodyBgColor; + min-height: 100%; + + a { + text-decoration: none; + color: $textSecondaryColor; + } +} + +.layout-modal { + display: none; + position: fixed; + top: 0; + left: 0; + z-index: 996; + width: 100%; + height: 100%; + animation-duration: $animationDuration; + animation-timing-function: $animationTimingFunction; + animation-fill-mode: forwards; +} + +.layout-wrapper { + .layout-main { + padding-top: 4rem; + display: flex; + flex-direction: column; + justify-content: space-between; + min-height: 100vh; + + .layout-content { + padding: 2rem; + padding-top: 1rem; + flex: 1 1 0; + } + } +} + +.layout-ajax-loader-icon { + position: fixed; + right: 2rem; + bottom: 2rem; + font-size: 2rem !important; + color: $textSecondaryColor; + z-index: 999; + pointer-events: none; +} + +.layout-topbar { + .notifications { + .layout-topbar-action-panel { + img { + width: 32px; + height: 32px; + } + + .layout-topbar-action-item { + border-bottom: 1px solid var(--divider-color); + + &:last-child { + border-bottom: 0 none; + } + } + } + } + + .app { + .layout-topbar-action-panel { + a { + padding: .5rem 0; + + i { + width: 42px; + height: 42px; + border: 1px solid transparent; + border-radius: 50%; + margin: .5rem 0; + display: flex; + align-items: center; + justify-content: center; + } + } + } + } +} + +.layout-rightmenu { + .header { + padding-bottom: .5rem; + margin-bottom: .714rem; + border-bottom: 1px solid var(--divider-color); + } + + .online-members { + img { + width: 32px; + } + + b { + color: var(--primary-color) + } + } + + .latest-activity { + i { + border: 1px solid transparent; + border-radius: 50px; + background-color: var(--surface-d); + } + } + + .next-events { + ul { + margin: 0; + list-style-type: none; + padding: 0; + + > li { + padding: .875rem .5rem; + } + } + } +} + +.layout-help-page { + .questions { + &.ui-accordion { + .ui-accordion-tab { + margin-top: 1rem; + overflow: hidden; + } + + &:first-child { + .ui-accordion-tab { + margin-top: 0; + } + } + } + } +} + +@media (min-width: 992px) { + .layout-menu-slim { + .layout-inline-menu { + .layout-inline-menu-action { + justify-content: center; + + > span, + > i { + display: none !important; + } + } + + .layout-inline-menu-action-panel { + .layout-inline-menu-action-item { + > a { + justify-content: center; + + > i { + font-size: 1.5rem; + margin-right: 0 !important; + } + + > span { + display: none; + } + } + } + } + } + } +} + diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/_megamenu.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_megamenu.scss new file mode 100644 index 0000000..7578971 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_megamenu.scss @@ -0,0 +1,8 @@ +body { + .layout-megamenu { + &.ui-megamenu { + border: 0 none; + padding: 0; + } + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/_mixins.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_mixins.scss new file mode 100644 index 0000000..c09cc09 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_mixins.scss @@ -0,0 +1,55 @@ +@mixin nested-submenu-indents($val, $index, $length) { + ul { + li { + a { + padding-left: $val * $index; + } + + @if $index < $length { + @include nested-submenu-indents($val, $index + 1, $length); + } + } + } +} + +@mixin nested-submenu-indents-rtl($val, $index, $length) { + ul { + li { + a { + padding-left: .5rem; + padding-right: $val * $index; + } + + @if $index < $length { + @include nested-submenu-indents-rtl($val, $index + 1, $length); + } + } + } +} + +@mixin input-placeholder($color) { + &::-webkit-input-placeholder {color: $color} + &:-moz-placeholder {color: $color} + &::-moz-placeholder {color: $color} + &:-ms-input-placeholder {color: $color} +} + +@mixin reset-list { + margin: 0; + padding: 0; + border: 0; + outline: 0; + text-decoration: none; + list-style-type: none; +} + +@mixin material-overlay-transform { + transform-origin: top; +} + +@mixin material-overlay-animation { + @include material-overlay-transform; + animation-name: overlayEnter; + animation-timing-function: cubic-bezier(0, 0, 0.2, 1); + animation-duration: .12s; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/_rightmenu.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_rightmenu.scss new file mode 100644 index 0000000..6dc9309 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_rightmenu.scss @@ -0,0 +1,43 @@ +.layout-rightmenu { + &.ui-sidebar { + top: 4rem; + height: calc(100% - 4rem); + overflow: auto; + transition: transform $transitionDuration; + + .ui-sidebar-header, + .ui-sidebar-content { + padding: 0; + } + } + + .online-members { + img { + &:hover { + cursor: pointer; + } + } + } + + .next-events { + li { + border-radius: $borderRadius; + + &:hover { + background-color: $hoverBgColor; + cursor: pointer; + } + } + } +} + +@media (max-width: $mobileBreakpoint) { + .layout-wrapper { + &.layout-topbar-mobile-active { + .layout-rightmenu { + top: 12rem; + height: calc(100% - 12rem); + } + } + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/_rtl.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_rtl.scss new file mode 100644 index 0000000..297f397 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_rtl.scss @@ -0,0 +1,53 @@ +body { + @import './menu/_rtl_menu'; + @import './topbar/_rtl_topbar'; + + .layout-wrapper { + &.layout-rtl { + overflow-x: hidden; // TODO: Remove this line on the next version + + .layout-breadcrumb-container { + .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + transform: rotate(180deg); + } + } + + .layout-config-button.ui-button { + right: auto; + left: 0; + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + + .ui-button-icon { + font-size: 2rem; + } + } + + .widget-bestsellers > li .bestseller-item .item-button { + margin-left: 0; + margin-right: auto; + } + + .widget-chat { + .write-message { + .ui-inputgroup-addon:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 30px; + border-bottom-right-radius: 30px; + border-left-width: 0; + } + + .ui-inputgroup-addon:last-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-top-left-radius: 30px; + border-bottom-left-radius: 30px; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/_typography.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_typography.scss new file mode 100644 index 0000000..3cdde6b --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_typography.scss @@ -0,0 +1,63 @@ +h1, h2, h3, h4, h5, h6 { + margin: 1.5rem 0 1rem 0; + font-family: inherit; + font-weight: 600; + line-height: 1.2; + color: inherit; + + &:first-child { + margin-top: 0; + } +} + +h1 { + font-size: 2.5rem; +} + +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; +} + +h6 { + font-size: 1rem; +} + +mark { + background: #FFF8E1; + padding: .25rem .4rem; + border-radius: $borderRadius; + font-family: monospace; +} + +blockquote { + margin: 1rem 0; + padding: 0 2rem; + border-left: 4px solid #90A4AE; +} + +hr { + border-top: solid $dividerColor; + border-width: 1px 0 0 0; + margin: 1rem 0; +} + +p { + margin: 0 0 1rem 0; + line-height: 1.5; + + &:last-child { + margin-bottom: 0; + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/_utils.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_utils.scss new file mode 100644 index 0000000..6c809e0 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/_utils.scss @@ -0,0 +1,306 @@ +/* Utils */ +.clearfix:after { + content: " "; + display: block; + clear: both; +} + +*[hidden] { + display: none; +} + +.p-lh { + line-height: 1.5; +} + +.card { + background-color: $contentBgColor; + padding: 1rem; + margin-bottom: 2rem; + box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12); + border-radius: $borderRadius; + + &:last-child { + margin-bottom: 0; + } + + .card-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 1rem; + + h1, h2, h3, h4, h5, h6 { + margin: 0; + } + } + + .card-subtitle { + color: $textSecondaryColor; + font-weight: 600; + margin: -1rem 0 1rem 0; + } +} + +body { + .ui-growl { + top: 85px; + } + + .ui-overlay-badge { + position: relative; + } + + .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%,-50%); + transform-origin: 100% 0; + margin: 0; + } +} + +.height-100 { + height: 100% !important; +} + +.width-100 { + width: 100% !important; +} + +.fs-xsmall { + font-size: .715rem !important; +} + +.fs-small { + font-size: .858rem !important; +} + +.fs-normal { + font-size: 1rem !important; +} + +.fs-large { + font-size: 1.5rem !important; +} + +.fs-xlarge { + font-size: 2rem !important; +} + +.fs-xxlarge { + font-size: 3rem !important; +} + +.fw-400 { + font-weight: 400 !important; +} + +.fw-500 { + font-weight: 500 !important; +} + +.fw-700 { + font-weight: 700 !important; +} + +.rounded-small { + border-radius: 2px !important; +} + +.rounded-normal { + border-radius: 4px !important; +} + +.rounded-large { + border-radius: 6px !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-none { + border-radius: 0 !important; +} + +.divider-top { + border-top: 1px solid $dividerColor !important; +} + +.divider-bottom { + border-bottom: 1px solid $dividerColor !important; +} + +.divider-left { + border-left: 1px solid $dividerColor !important; +} + +.divider-right { + border-right: 1px solid $dividerColor !important; +} + +.muted-text { + color: $textSecondaryColor !important; +} + +.text-color { + color: $textColor !important; +} + +.solid-surface-text-color { + color: $solidSurfaceTextColor !important; +} + +.white-color { + color: #ffffff !important; +} + +.dark-color { + color: #212121 !important; +} + +.pink-color { + color: $pink !important; +} + +.indigo-color { + color: $indigo !important; +} + +.yellow-color { + color: $yellow !important; +} + +.orange-color { + color: $orange !important; +} + +.teal-color { + color: $teal !important; +} + +.cyan-color { + color: $cyan !important; +} + +.bluegrey-color { + color: $bluegrey !important; +} + +.purple-color { + color: $purple !important; +} + +.deeppurple-color { + color: $deeppurple !important; +} + +.blue-color { + color: $blue !important; +} + +.lightblue-color { + color: $lightblue !important; +} + +.green-color { + color: $green !important; +} + +.lightgreen-color { + color: $lightgreen !important; +} + +.lime-color { + color: $lime !important; +} + +.deeporange-color { + color: $deeporange !important; +} + +.brown-color { + color: $brown !important; +} + +.content-bgcolor { + background-color: $contentBgColor !important; +} + +.content-alt-bgcolor { + background-color: $contentAltBgColor !important; +} + +.pink-bgcolor { + background-color: $pink !important; +} + +.indigo-bgcolor { + background-color: $indigo !important; +} + +.yellow-bgcolor { + background-color: $yellow !important; +} + +.orange-bgcolor { + background-color: $orange !important; +} + +.teal-bgcolor { + background-color: $teal !important; +} + +.cyan-bgcolor { + background-color: $cyan !important; +} + +.bluegrey-bgcolor { + background-color: $bluegrey !important; +} + +.purple-bgcolor { + background-color: $purple !important; +} + +.deeppurple-bgcolor { + background-color: $deeppurple !important; +} + +.blue-bgcolor { + background-color: $blue !important; +} + +.lightblue-bgcolor { + background-color: $lightblue !important; +} + +.green-bgcolor { + background-color: $green !important; +} + +.lightgreen-bgcolor { + background-color: $lightgreen !important; +} + +.lime-bgcolor { + background-color: $lime !important; +} + +.deeporange-bgcolor { + background-color: $deeporange !important; +} + +.brown-bgcolor { + background-color: $brown !important; +} + +.badge-dot { + width: .5rem; + min-width: .5rem; + height: .5rem; + border-radius: 50%; + padding: 0; +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_inline_menu.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_inline_menu.scss new file mode 100644 index 0000000..82b7236 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_inline_menu.scss @@ -0,0 +1,45 @@ +.layout-menu-wrapper { + .layout-inline-menu { + display: flex; + flex-direction: column; + justify-content: center; + border-width: 1px 0 1px 0; + border-style: solid; + margin-top: auto; + + &.layout-inline-menu-active, + &:has(.layout-inline-menu-action-panel:not(.hidden)) { + .layout-inline-menu-icon { + transition: all $transitionDuration; + transform: rotate(-180deg); + } + } + + .layout-inline-menu-action { + cursor: pointer; + } + + .layout-inline-menu-action-panel { + padding: 0 .5rem; + margin-bottom: .5rem; + animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + animation-duration: .4s; + + .layout-inline-menu-action-item { + margin-top: .2rem; + border-radius: $borderRadius; + transition: all $transitionDuration; + cursor: pointer; + user-select: none; + + a { + padding: 0.75rem; + + i { + margin-right: .75rem; + } + } + } + } + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu.scss new file mode 100644 index 0000000..ea483af --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu.scss @@ -0,0 +1,20 @@ +@import './_menu_common'; +@import './_menu_static'; +@import './_menu_overlay'; +@import './_menu_horizontal'; +@import './_menu_slim'; +@import './_inline_menu'; +@import './_menu_responsive'; + +@import './themes/_menu_light'; +@import './themes/_menu_dark'; +@import './themes/_menu_indigo'; +@import './themes/_menu_bluegrey'; +@import './themes/_menu_brown'; +@import './themes/_menu_cyan'; +@import './themes/_menu_green'; +@import './themes/_menu_deeppurple'; +@import './themes/_menu_deeporange'; +@import './themes/_menu_pink'; +@import './themes/_menu_purple'; +@import './themes/_menu_teal'; diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_common.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_common.scss new file mode 100644 index 0000000..e1b8999 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_common.scss @@ -0,0 +1,114 @@ +.layout-menu-wrapper { + height: calc(100% - 4rem); + width: 17rem; + position: fixed; + left: 0; + top: 4rem; + z-index: 997; + transform: none; + + ul { + @include reset-list; + } + + .layout-menu-container { + display: flex; + flex-direction: column; + height: 100%; + + .layout-menu { + padding-bottom: 2rem; + overflow-y: auto; + + li { + border-radius: 4px; + + &.layout-root-menuitem { + > a { + display: none; + } + + > div { + padding-left: 1rem; + margin-bottom: .5rem; + margin-top: 1.5rem; + + > .layout-menuitem-text { + font-size: .857rem; + font-weight: 600; + text-transform: uppercase; + } + } + } + + > a { + display: flex; + align-items: center; + padding: .75rem; + border-radius: 4px; + cursor: pointer; + user-select: none; + transition: background-color $transitionDuration, color $transitionDuration; + + .layout-menuitem-text { + margin-left: .75rem; + } + + .ui-badge { + margin-left: auto; + min-width: 1.143rem; + height: 1.143rem; + line-height: 1.143rem; + } + + .layout-submenu-toggler { + margin-left: auto; + } + + &.rotated-icon { + .layout-menuitem-icon { + transform: rotate(90deg); + } + } + + .ui-badge + .layout-submenu-toggler { + margin-left: .5rem; + } + } + + &.active-menuitem { + > a { + .layout-submenu-toggler { + transition: all $transitionDuration; + transform: rotate(-180deg); + } + } + } + + > ul { + padding: 0 .5rem; + + li { + ul { + padding: 0 0 .25rem; + overflow: hidden; + display: none; + } + } + + > li { + margin-top: .2rem; + + &.layout-root-menuitem { + > a { + display: flex; + } + } + + @include nested-submenu-indents(.875rem, 2, 5); + } + } + } + } + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_exports.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_exports.scss new file mode 100644 index 0000000..ae7b777 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_exports.scss @@ -0,0 +1,4 @@ +& { + --menu-bg-color:#{$menuBgColor}; + --menu-text-color: #{$rootMenuTextColor}; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_horizontal.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_horizontal.scss new file mode 100644 index 0000000..31dff74 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_horizontal.scss @@ -0,0 +1,80 @@ +@media (min-width: $mobileBreakpoint + 1) { + .layout-menu-horizontal { + .layout-menu-wrapper { + width: 100%; + height: 3rem; + + .layout-menu-container { + flex-direction: row; + + .layout-menu { + display: flex; + flex-direction: row; + align-items: center; + height: 100%; + margin: 0px 1rem; + padding-bottom: 0px; + overflow-y: visible; + flex-grow: 1; + + > li { + position: relative; + + > a { + margin-right: 1rem; + display: flex; + align-items: center; + position: relative; + + .layout-menuitem-badge { + position: absolute; + top: 50%; + left: 1.5rem; + margin-top: -1.214rem; + } + } + + &.layout-root-menuitem { + > div { + display: none; + } + } + + > ul { + display: none; + position: absolute; + top: 2.75rem; + left: 0px; + z-index: 100; + padding: .5rem; + overflow: auto; + max-height: 32rem; + min-width: 16rem; + border-radius: $borderRadius; + } + + &.active-menuitem { + > ul { + display: block; + } + } + } + } + + .layout-inline-menu { + border: 0 none; + + > .layout-inline-menu-action { + height: 3rem; + } + } + } + } + + &.layout-wrapper { + .layout-main { + padding-top: 7rem; + } + } + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_overlay.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_overlay.scss new file mode 100644 index 0000000..66d3135 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_overlay.scss @@ -0,0 +1,30 @@ +@media (min-width: $mobileBreakpoint + 1) { + .layout-menu-overlay { + + .layout-menu-wrapper { + transform: translate3d(-17rem, 0px, 0px); + transition: transform $transitionDuration; + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + } + + &.layout-menu-active { + .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + } + + .layout-topbar { + .layout-topbar-wrapper { + .layout-topbar-right { + .menu-button { + display: flex; + } + } + } + } + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_responsive.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_responsive.scss new file mode 100644 index 0000000..96ae18d --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_responsive.scss @@ -0,0 +1,42 @@ +@media (max-width: $mobileBreakpoint) { + .layout-wrapper { + .layout-menu-wrapper { + top: 4rem; + height: calc(100% - 4rem); + transform: translate3d(-17rem, 0px, 0px); + transition: transform $transitionDuration; + transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); + } + + &.layout-topbar-mobile-active { + .layout-menu-wrapper { + top: 12rem; + height: calc(100% - 12rem); + } + } + + &.layout-menu-mobile-active { + overflow: hidden; + height: 100vh; + + .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + + .layout-modal { + display: block; + } + } + } + + body:has(.layout-menu-slim) { + .layout-menu-tooltip { + visibility: hidden; + pointer-events: none; + } + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_slim.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_slim.scss new file mode 100644 index 0000000..f8c6e7a --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_slim.scss @@ -0,0 +1,86 @@ +@media (min-width: $mobileBreakpoint + 1) { + .layout-menu-slim { + .layout-menu-wrapper { + width: 4.5rem; + + .layout-menu-container { + .layout-menu { + display: flex; + flex-direction: column; + padding-top: 1rem; + overflow-y: visible; + flex-grow: 1; + + > li { + position: relative; + + > a { + display: flex; + justify-content: center; + position: relative; + + i { + font-size: 1.5rem; + } + + .layout-submenu-toggler, + .layout-menuitem-text { + display: none; + } + + .layout-menuitem-badge { + position: absolute; + top: 50%; + right: 1rem; + margin-top: -1.214rem; + } + } + + &.layout-root-menuitem { + > div { + display: none; + } + } + + > ul { + display: none; + position: absolute; + top: 0; + left: 4.5rem; + z-index: 100; + padding: .5rem; + overflow: auto; + max-height: 32rem; + min-width: 16.5rem; + border-radius: 2px; + } + + &.active-menuitem { + > ul { + display: block; + } + } + } + } + + .layout-inline-menu { + .layout-inline-menu-action-panel { + padding: 0; + } + } + } + } + &.layout-wrapper { + .layout-main { + margin-left: 4.5rem; + } + } + } + + body:has(.layout-menu-slim .layout-root-menuitem.active-menuitem) { + .layout-menu-tooltip { + visibility: hidden; + pointer-events: none; + } + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_static.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_static.scss new file mode 100644 index 0000000..8fa3f63 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_static.scss @@ -0,0 +1,26 @@ +@media (min-width: $mobileBreakpoint + 1) { + .layout-menu-static { + .layout-menu-wrapper { + transform: translate3d(-17rem, 0px, 0px); + transition: transform $transitionDuration; + } + + .layout-main { + transition: margin-left $transitionDuration; + } + + &.layout-menu-active { + .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + + .layout-main { + margin-left: 17rem; + } + } + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_theme.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_theme.scss new file mode 100644 index 0000000..afb8b0c --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_menu_theme.scss @@ -0,0 +1,104 @@ +.layout-menu-wrapper { + background-color: $menuBgColor; + box-shadow: $menuShadow; + + .layout-menu-container { + .layout-menu { + > li { + > div { + .layout-menuitem-text { + color: $rootMenuTextColor; + } + } + + > ul { + background-color: $menuBgColor; + } + } + + li { + a { + color: $menuItemTextColor; + + i { + color: $menuItemTextColor; + } + + &:hover { + background-color: $menuItemHoverBgColor; + } + } + + &.active-menuitem { + > a { + background-color: $activeMenuItemBgColor; + color: $activeMenuItemTextColor; + + > i { + color: $activeMenuItemTextColor; + } + } + + a.active-menuitem-routerlink { + background-color: $activeMenuItemBgColor; + color: $activeMenuItemTextColor; + + > i { + color: $activeMenuItemTextColor; + } + } + } + } + } + + .layout-inline-menu { + border-color: $inlineMenuBorderColor; + + a { + color: $menuItemTextColor; + } + + .layout-inline-menu-action, + .layout-inline-menu-action-panel .layout-inline-menu-action-item { + color: $menuItemTextColor; + + i { + color: $menuItemTextColor; + } + + &:hover { + background-color: $menuItemHoverBgColor; + } + } + + .layout-inline-menu-action-panel { + background-color: $menuBgColor; + } + } + } +} + +@media (min-width: $mobileBreakpoint + 1) { + &.layout-menu-horizontal, + &.layout-menu-slim { + .layout-menu-wrapper { + .layout-menu-container { + .layout-menu { + > li { + > ul { + box-shadow: $submenuShadow; + } + } + } + } + } + } + + &.layout-menu-horizontal { + .layout-inline-menu { + .layout-inline-menu-action-panel { + box-shadow: $submenuShadow; + } + } + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_rtl_menu.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_rtl_menu.scss new file mode 100644 index 0000000..86ec93a --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/_rtl_menu.scss @@ -0,0 +1,155 @@ +.layout-wrapper { + &.layout-rtl { + direction: rtl; + + .layout-menu-wrapper { + left: auto; + right: 0; + + .layout-menu-container { + .layout-menu { + li { + &.layout-root-menuitem { + > div { + padding-left: 0; + padding-right: 1rem; + } + } + + > a { + .ui-badge, + .layout-submenu-toggler { + margin-left: 0; + margin-right: auto; + } + + .layout-menuitem-text { + margin-right: .75rem; + margin-left: 0; + } + } + + > ul { + > li { + @include nested-submenu-indents-rtl(.875rem, 2, 5); + } + } + } + } + } + + .layout-inline-menu { + .layout-inline-menu-action-panel { + .layout-inline-menu-action-item { + a { + i { + margin-right: 0; + margin-left: .75rem; + } + } + } + } + } + } + + .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(180deg); + } + + @media (min-width: $mobileBreakpoint + 1) { + &.layout-menu-horizontal { + .layout-menu-wrapper { + .layout-menu-container { + .layout-menu { + > li { + > ul { + left: auto; + right: 0; + } + } + } + } + } + } + + &.layout-menu-overlay { + .layout-menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + + &.layout-menu-active { + .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } + } + } + + &.layout-menu-slim { + .layout-menu-wrapper { + .layout-menu-container { + .layout-menu { + > li { + > ul { + left: auto; + right: 4.5rem; + } + } + } + } + } + + &.layout-wrapper { + .layout-main { + margin-left: 0; + margin-right: 4.5rem; + } + } + } + + &.layout-menu-static { + .layout-menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + + .layout-main { + transition: margin-right $transitionDuration; + } + + &.layout-menu-active { + .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } + + .layout-main { + margin-left: 0; + margin-right: 17rem; + } + } + } + } + + @media (max-width: $mobileBreakpoint) { + .layout-menu-wrapper { + transform: translate3d(17rem, 0px, 0px); + } + + &.layout-menu-mobile-active { + .layout-menu-wrapper { + transform: translate3d(0px, 0px, 0px); + } + + .layout-topbar .layout-topbar-left .layout-menu-button > i { + transform: rotate(0deg); + } + } + } + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_bluegrey.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_bluegrey.scss new file mode 100644 index 0000000..f22c6e8 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_bluegrey.scss @@ -0,0 +1,16 @@ +.layout-menu-bluegrey { + $menuBgColor:#37474F; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} + diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_brown.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_brown.scss new file mode 100644 index 0000000..51f9ca6 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_brown.scss @@ -0,0 +1,15 @@ +.layout-menu-brown { + $menuBgColor:#4E342E; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_cyan.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_cyan.scss new file mode 100644 index 0000000..6a70fb6 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_cyan.scss @@ -0,0 +1,15 @@ +.layout-menu-cyan { + $menuBgColor:#006064; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_dark.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_dark.scss new file mode 100644 index 0000000..d762b4e --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_dark.scss @@ -0,0 +1,17 @@ +.layout-menu-dark { + $menuBgColor:#1e1e1e; + + $rootMenuTextColor:rgba(255,255,255,.60); + + $menuItemTextColor:rgba(255,255,255,.87); + $menuItemHoverBgColor:hsla(0,0%,100%,.04); + $activeMenuItemTextColor:rgba(255,255,255,.87); + $activeMenuItemBgColor: hsla(0,0%,100%,.04); + + $inlineMenuBorderColor: hsla(0,0%,100%,.12); + + @import '../_menu_exports'; + @import '../_menu_theme'; + + color-scheme: dark; +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_deeporange.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_deeporange.scss new file mode 100644 index 0000000..1916865 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_deeporange.scss @@ -0,0 +1,15 @@ +.layout-menu-deeporange { + $menuBgColor:#BF360C; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_deeppurple.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_deeppurple.scss new file mode 100644 index 0000000..0c38951 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_deeppurple.scss @@ -0,0 +1,15 @@ +.layout-menu-deeppurple { + $menuBgColor:#4527A0; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_green.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_green.scss new file mode 100644 index 0000000..7b921bd --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_green.scss @@ -0,0 +1,15 @@ +.layout-menu-green { + $menuBgColor:#2E7D32; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_indigo.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_indigo.scss new file mode 100644 index 0000000..bd171ad --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_indigo.scss @@ -0,0 +1,15 @@ +.layout-menu-indigo { + $menuBgColor:#1A237E; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_light.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_light.scss new file mode 100644 index 0000000..875fc1b --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_light.scss @@ -0,0 +1,15 @@ +.layout-menu-light { + $menuBgColor:#FDFEFF; + + $rootMenuTextColor:#657380; + + $menuItemTextColor:#515C66; + $menuItemHoverBgColor:rgba(0,0,0,.04); + $activeMenuItemTextColor: var(--primary-dark-color); + $activeMenuItemBgColor: var(--primary-lightest-color); + + $inlineMenuBorderColor: #e4e4e4; + + @import '../_menu_exports'; + @import '../_menu_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_pink.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_pink.scss new file mode 100644 index 0000000..0c3c2be --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_pink.scss @@ -0,0 +1,16 @@ +.layout-menu-pink { + $menuBgColor:#880E4F; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} + diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_purple.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_purple.scss new file mode 100644 index 0000000..50205c2 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_purple.scss @@ -0,0 +1,16 @@ +.layout-menu-purple { + $menuBgColor:#6A1B9A; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} + diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_teal.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_teal.scss new file mode 100644 index 0000000..091d12c --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/menu/themes/_menu_teal.scss @@ -0,0 +1,16 @@ +.layout-menu-teal { + $menuBgColor:#00695C; + + $rootMenuTextColor:#ffffff; + + $menuItemTextColor:rgba(255,255,255,.6); + $menuItemHoverBgColor:rgba(255,255,255,.12); + $activeMenuItemTextColor:#ffffff; + $activeMenuItemBgColor: rgba(255,255,255,.24); + + $inlineMenuBorderColor: rgba(255,255,255,.24); + + @import '../_menu_exports'; + @import '../_menu_theme'; +} + diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_rtl_topbar.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_rtl_topbar.scss new file mode 100644 index 0000000..23790c1 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_rtl_topbar.scss @@ -0,0 +1,92 @@ +.layout-wrapper { + &.layout-rtl { + direction: rtl; + + .layout-topbar { + left: auto; + right: 0; + + .layout-topbar-left { + .layout-topbar-logo { + padding-right: 0; + padding-left: 1.25rem; + } + + .layout-menu-button { + left: auto; + right: 15.75rem; + } + + .layout-topbar-mobile-button { + margin: 0 auto 0 .5rem; + } + } + + .layout-topbar-right { + padding-left: 0; + padding-right: 2rem; + + .layout-topbar-actions-right { + margin-right: auto; + margin-left: 0; + + .layout-topbar-items { + .layout-topbar-item { + .layout-topbar-action-panel { + right: auto; + left: 0; + } + + &.layout-search-item { + .layout-search-panel { + left: auto; + right: 0; + } + } + } + } + } + + .layout-topbar-actions-left { + .layout-megamenu { + &.ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-right: .5rem; + margin-left: 0; + } + + &.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0; + margin-left: .5rem; + } + } + } + } + } + + @media (max-width: $mobileBreakpoint) { + .layout-topbar { + .layout-topbar-right { + .layout-topbar-actions-left { + .layout-megamenu { + .ui-megamenu-panel { + left: 1rem; + right: 1rem; + } + } + } + + .layout-topbar-actions-right { + .layout-topbar-items { + .layout-topbar-item { + .layout-topbar-action-panel { + left: 1em; + right: 1em; + } + } + } + } + } + } + } + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_topbar.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_topbar.scss new file mode 100644 index 0000000..81f74ae --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_topbar.scss @@ -0,0 +1,23 @@ +@import './_topbar_common'; +@import './topbar_responsive'; + +@import './themes/_topbar_blue'; +@import './themes/_topbar_lightblue'; +@import './themes/_topbar_white'; +@import './themes/_topbar_dark'; +@import './themes/_topbar_deeppurple'; +@import './themes/_topbar_purple'; +@import './themes/_topbar_pink'; +@import './themes/_topbar_cyan'; +@import './themes/_topbar_teal'; +@import './themes/_topbar_green'; +@import './themes/_topbar_lightgreen'; +@import './themes/_topbar_lime'; +@import './themes/_topbar_yellow'; +@import './themes/_topbar_amber'; +@import './themes/_topbar_orange'; +@import './themes/_topbar_deeporange'; +@import './themes/_topbar_brown'; +@import './themes/_topbar_grey'; +@import './themes/_topbar_bluegrey'; +@import './themes/_topbar_indigo'; diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_topbar_common.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_topbar_common.scss new file mode 100644 index 0000000..4e10942 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_topbar_common.scss @@ -0,0 +1,159 @@ +.layout-topbar { + position: fixed; + top: 0; + left: 0; + z-index: 998; + width: 100%; + height: 4rem; + transition: width $transitionDuration; + display: flex; + + ul { + @include reset-list; + } + + .layout-topbar-left { + display: flex; + align-items: center; + height: 100%; + position: relative; + + .layout-topbar-logo { + width: 17rem; + height: 100%; + padding-right: 1.25rem; + display: flex; + align-items: center; + justify-content: center; + } + + .layout-menu-button { + position: absolute; + top: 50%; + left: 15.75rem; + width: 2.5rem; + height: 2.5rem; + margin-top: -1.25rem; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + border-radius: 50%; + + i { + transition: transform $transitionDuration; + } + } + + .layout-topbar-mobile-button { + display: none; + align-items: center; + padding: 0 .8rem; + margin: 0 .5rem 0 auto; + border-radius: 50%; + height: 3.2rem; + cursor: pointer; + } + } + + .layout-topbar-right { + display: flex; + flex-grow: 1; + align-items: center; + padding-left: 2rem; + height: 100%; + + .layout-topbar-actions-left { + display: flex; + align-items: center; + height: 100%; + } + + .layout-topbar-actions-right { + height: 100%; + margin-left: auto; + + .layout-topbar-items { + display: flex; + flex-direction: row; + justify-content: center; + height: 100%; + + .layout-topbar-item { + display: flex; + align-items: center; + position: relative; + + .layout-topbar-action { + user-select: none; + padding: 0 .8rem; + margin: 0 .4rem; + border-radius: 4px; + height: 3.2rem; + min-width: 3.2rem; + display: flex; + align-items: center; + cursor: pointer; + } + + .layout-topbar-action-panel { + position: absolute; + top: 4rem; + right: 0; + z-index: 1000; + min-width: 25rem; + padding: 1rem 0; + + .layout-topbar-action-item { + cursor: pointer; + padding: 1rem; + } + } + + &.layout-search-item { + .layout-search-panel { + height: 4rem; + width: 100%; + position: fixed; + top: 0; + left: 0; + z-index: 1000; + + input { + border-radius: 0; + border: 0 none; + + &:focus { + outline: 0 none; + box-shadow: none; + } + } + + i { + font-weight: bold; + } + + .ui-inputgroup-addon { + border: 0 none; + } + + .ui-inputgroup-addon:first-child, + .ui-inputgroup button:first-child, + .ui-inputgroup input:first-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .ui-inputgroup-addon:last-child, + .ui-inputgroup button:last-child, + .ui-inputgroup input:last-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + } + } + } + } + } + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_topbar_exports.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_topbar_exports.scss new file mode 100644 index 0000000..92c70d1 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_topbar_exports.scss @@ -0,0 +1,4 @@ +& { + --topbar-bg-color:#{$topbarBgColor}; + --topbar-text-color: #{$topbarItemTextColor}; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_topbar_responsive.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_topbar_responsive.scss new file mode 100644 index 0000000..af9ae53 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_topbar_responsive.scss @@ -0,0 +1,86 @@ +@media (max-width: $mobileBreakpoint) { + .layout-topbar { + height: auto; + display: flex; + flex-direction: column; + + .layout-topbar-left { + height: 4rem; + width: 100%; + justify-content: flex-start; + + .layout-topbar-mobile-button { + display: flex; + } + } + + .layout-topbar-right { + display: none; + flex-direction: column-reverse; + padding: 0; + + &.layout-topbar-mobile-active { + display: flex; + } + + .layout-topbar-actions-left { + height: 4rem; + display: flex; + justify-content: space-between; + + .layout-megamenu { + .ui-menu-parent { + > .ui-menu-list { + position: fixed; + left: 1rem !important; + right: 1rem; + max-height: calc(100vh - 168px); + overflow-y: auto; + + > table { + width: 100%; + } + } + } + + .ui-menu-child .ui-menu-list { + min-width: 12rem; + width: 100%; + } + } + } + + .layout-topbar-actions-right { + height: 4rem; + width: 100%; + + .layout-topbar-items { + width: 100%; + justify-content: space-between; + + .layout-topbar-item { + .layout-topbar-action-panel { + position: fixed; + top: 8rem; + left: 1em; + right: 1em; + } + } + } + } + } + } +} + +@media (min-width: $mobileBreakpoint + 1) { + .layout-menu-horizontal, + .layout-menu-slim { + .layout-topbar { + .layout-topbar-left { + .layout-menu-button { + display: none; + } + } + } + } +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_topbar_theme.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_topbar_theme.scss new file mode 100644 index 0000000..cf67ee4 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/_topbar_theme.scss @@ -0,0 +1,97 @@ +/* Topbar gradient */ +.layout-topbar.custom-topbar { + background: linear-gradient(90deg, #010A79 0%, #0512A7 100%) !important; + justify-content: space-between; +} + +/* Left container */ +.topbar-left-content { + display: flex; + align-items: center; +} + +/* Logo + text side by side */ +.topbar-brand { + display: grid; + grid-template-columns: auto 1fr; /* logo takes its natural size, text fills remaining */ + align-items: center; /* vertical align */ + column-gap: 0.5rem; +} + +/* Logo wrapper */ +.logo-wrapper { + display: flex; + align-items: center; +} + +/* Logo itself */ +.topbar-logo-img { + max-height: 2.25rem; /* restrict the size */ + width: auto; /* maintain aspect ratio */ + display: block; +} + +/* Text block */ +.topbar-brand-text { + display: flex; + flex-direction: column; /* stack title and subtitle */ + justify-content: center; + line-height: 1.1; +} + +/* TRIZtech line */ +.topbar-title { + display: flex; + align-items: baseline; +} + +.logo-main { + font-weight: bold; + font-size: 18px; + color: #fff; +} + +.logo-sub { + font-size: 15px; + margin-left: 2px; + color: #fff; +} + +/* Subtitle */ +.topbar-subtitle { + font-size: 12px; + color: #e0e0e0; + white-space: nowrap; +} +/* Logo wrapper */ +.logo-wrapper { + display: flex; + align-items: center; +} + +/* Logo image */ +.topbar-logo-img { + height: 2.25rem; /* force the topbar height */ + max-height: 2.25rem; /* prevents it from growing */ + width: auto; /* maintain aspect ratio */ + object-fit: contain; /* scale properly */ + display: block; +} + +/* Partie droite */ +.topbar-right-content { + display: flex; + align-items: center; +} + +/* Badge Année */ +.annee-badge { + background-color: #ffffff; /* fond blanc */ + color: #0b1ea8; /* bleu texte */ + font-weight: 600; + padding: 0.5rem 1.2rem; + border-radius: 6px; + box-shadow: 0 2px 6px rgba(0,0,0,0.15); + white-space: nowrap; +} + diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_amber.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_amber.scss new file mode 100644 index 0000000..1253b57 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_amber.scss @@ -0,0 +1,13 @@ +.layout-topbar-amber { + $topbarBgColor: #FFA000; + $topbarLeftBgColor: #FF8F00; + + $topbarMenuButtonBgColor:#212121; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #212121; + $topbarItemTextHoverBgColor: rgba(0,0,0,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_blue.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_blue.scss new file mode 100644 index 0000000..7efa18b --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_blue.scss @@ -0,0 +1,13 @@ +.layout-topbar-blue { + $topbarBgColor: #1565C0; + $topbarLeftBgColor: #0D47A1; + + $topbarMenuButtonBgColor:#FBC02D; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_bluegrey.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_bluegrey.scss new file mode 100644 index 0000000..f37be12 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_bluegrey.scss @@ -0,0 +1,13 @@ +.layout-topbar-bluegrey { + $topbarBgColor: #546E7A; + $topbarLeftBgColor: #37474F; + + $topbarMenuButtonBgColor:#0097A7; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_brown.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_brown.scss new file mode 100644 index 0000000..02a6d57 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_brown.scss @@ -0,0 +1,13 @@ +.layout-topbar-brown { + $topbarBgColor: #5D4037; + $topbarLeftBgColor: #4E342E; + + $topbarMenuButtonBgColor:#F9A825; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_cyan.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_cyan.scss new file mode 100644 index 0000000..f4015d4 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_cyan.scss @@ -0,0 +1,13 @@ +.layout-topbar-cyan { + $topbarBgColor: #0097A7; + $topbarLeftBgColor: #006064; + + $topbarMenuButtonBgColor:#E64A19; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_dark.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_dark.scss new file mode 100644 index 0000000..a279c31 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_dark.scss @@ -0,0 +1,13 @@ +.layout-topbar-dark { + $topbarBgColor: #1e1e1e; + $topbarLeftBgColor: #1e1e1e; + + $topbarMenuButtonBgColor:#E91E63; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_deeporange.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_deeporange.scss new file mode 100644 index 0000000..514e266 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_deeporange.scss @@ -0,0 +1,13 @@ +.layout-topbar-deeporange { + $topbarBgColor: #D84315; + $topbarLeftBgColor: #BF360C; + + $topbarMenuButtonBgColor:#00BCD4; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_deeppurple.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_deeppurple.scss new file mode 100644 index 0000000..f084440 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_deeppurple.scss @@ -0,0 +1,13 @@ +.layout-topbar-deeppurple { + $topbarBgColor: #4527A0; + $topbarLeftBgColor: #311B92; + + $topbarMenuButtonBgColor:#F9A825; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_green.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_green.scss new file mode 100644 index 0000000..da36dcc --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_green.scss @@ -0,0 +1,13 @@ +.layout-topbar-green { + $topbarBgColor: #43A047; + $topbarLeftBgColor: #2E7D32; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + $topbarMenuButtonBgColor:#F4511E; + $topbarMenuButtonTextColor:#ffffff; + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_grey.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_grey.scss new file mode 100644 index 0000000..05ac369 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_grey.scss @@ -0,0 +1,13 @@ +.layout-topbar-grey { + $topbarBgColor: #616161; + $topbarLeftBgColor: #424242; + + $topbarMenuButtonBgColor:#0097A7; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_indigo.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_indigo.scss new file mode 100644 index 0000000..a7db03c --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_indigo.scss @@ -0,0 +1,13 @@ +.layout-topbar-indigo { + $topbarBgColor: #3F51B5; + $topbarLeftBgColor: #283593; + + $topbarMenuButtonBgColor:#E91E63; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_lightblue.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_lightblue.scss new file mode 100644 index 0000000..8be1f14 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_lightblue.scss @@ -0,0 +1,13 @@ +.layout-topbar-lightblue { + $topbarBgColor: #0288D1; + $topbarLeftBgColor: #0277BD; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + $topbarMenuButtonBgColor:#FDD835; + $topbarMenuButtonTextColor:#212121; + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_lightgreen.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_lightgreen.scss new file mode 100644 index 0000000..4d3ec3b --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_lightgreen.scss @@ -0,0 +1,13 @@ +.layout-topbar-lightgreen { + $topbarBgColor: #689F38; + $topbarLeftBgColor: #558B2F; + + $topbarMenuButtonBgColor:#F57C00; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_lime.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_lime.scss new file mode 100644 index 0000000..dd88763 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_lime.scss @@ -0,0 +1,13 @@ +.layout-topbar-lime { + $topbarBgColor: #AFB42B; + $topbarLeftBgColor: #9E9D24; + + $topbarMenuButtonBgColor:#F57C00; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #212121; + $topbarItemTextHoverBgColor: rgba(0,0,0,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_orange.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_orange.scss new file mode 100644 index 0000000..0d9443c --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_orange.scss @@ -0,0 +1,13 @@ +.layout-topbar-orange { + $topbarBgColor: #FB8C00; + $topbarLeftBgColor: #EF6C00; + + $topbarMenuButtonBgColor:#212121; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #212121; + $topbarItemTextHoverBgColor: rgba(0,0,0,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_pink.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_pink.scss new file mode 100644 index 0000000..ef05eb6 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_pink.scss @@ -0,0 +1,13 @@ +.layout-topbar-pink { + $topbarBgColor: #AD1457; + $topbarLeftBgColor: #880E4F; + + $topbarMenuButtonBgColor:#F9A825; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_purple.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_purple.scss new file mode 100644 index 0000000..75bd1cc --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_purple.scss @@ -0,0 +1,13 @@ +.layout-topbar-purple { + $topbarBgColor: #6A1B9A; + $topbarLeftBgColor: #4A148C; + + $topbarMenuButtonBgColor:#F9A825; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_teal.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_teal.scss new file mode 100644 index 0000000..8f508e9 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_teal.scss @@ -0,0 +1,13 @@ +.layout-topbar-teal { + $topbarBgColor: #00796B; + $topbarLeftBgColor: #004D40; + + $topbarMenuButtonBgColor:#D32F2F; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #ffffff; + $topbarItemTextHoverBgColor: rgba(255,255,255,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_white.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_white.scss new file mode 100644 index 0000000..b24335f --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_white.scss @@ -0,0 +1,13 @@ +.layout-topbar-white { + $topbarBgColor: #ffffff; + $topbarLeftBgColor: #ffffff; + + $topbarMenuButtonBgColor:#ffffff; + $topbarMenuButtonTextColor:#212121; + + $topbarItemTextColor: #616161; + $topbarItemTextHoverBgColor: rgba(0,0,0,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_yellow.scss b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_yellow.scss new file mode 100644 index 0000000..01ca52a --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-common/styles/topbar/themes/_topbar_yellow.scss @@ -0,0 +1,13 @@ +.layout-topbar-yellow { + $topbarBgColor: #FBC02D; + $topbarLeftBgColor: #F9A825; + + $topbarMenuButtonBgColor:#212121; + $topbarMenuButtonTextColor:#ffffff; + + $topbarItemTextColor: #212121; + $topbarItemTextHoverBgColor: rgba(0,0,0,.12); + + @import '../_topbar_exports'; + @import '../_topbar_theme'; +} diff --git a/src/main/resources/resources/layout/styles/layout/layout-dark/_layout.scss b/src/main/resources/resources/layout/styles/layout/layout-dark/_layout.scss new file mode 100644 index 0000000..4f2af65 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-dark/_layout.scss @@ -0,0 +1,4 @@ +@import './_variables'; +@import './overrides/_variables'; +@import '../layout-common/_layout'; +@import './overrides/_layout'; \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/layout/layout-dark/_variables.scss b/src/main/resources/resources/layout/styles/layout/layout-dark/_variables.scss new file mode 100644 index 0000000..5e78932 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-dark/_variables.scss @@ -0,0 +1,61 @@ +$bodyBgColor:#121212 !default; +$textColor:rgba(255,255,255,.87) !default; +$textSecondaryColor:rgba(255,255,255,.60) !default; + +$contentBgColor:#1e1e1e !default; +$contentAltBgColor:#262626 !default; +$overlayContentBgColor:#262626 !default; +$dividerColor:hsla(0,0%,100%,.12) !default; +$hoverBgColor:hsla(0,0%,100%,.04); +$solidSurfaceTextColor: #121212 !default; + +$menuShadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +$submenuShadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +$menuTooltipBgColor:#262626 !default; +$menuTooltipTextColor:rgba(255,255,255,.87) !default; + +$pink: #F06292 !default; +$indigo: #7986CB !default; +$yellow: #FFD54F !default; +$orange: #FFB74D !default; +$teal: #4DB6AC !default; +$cyan: #4DD0E1 !default; +$bluegrey: #78909C !default; +$purple: #BA68C8 !default; +$deeppurple: #9575CD !default; +$blue: #64B5F6 !default; +$lightblue: #03A9F4 !default; +$green: #81C784 !default; +$lightgreen: #8BC34A !default; +$lime: #DCE775 !default; +$deeporange: #FF8A65 !default; +$brown: #A1887F !default; + +:root { + --body-bgcolor:#{$bodyBgColor}; + --text-color:#{$textColor}; + --text-secondary-color:#{$textSecondaryColor}; + --divider-color:#{$dividerColor}; + --content-bgcolor:#{$contentBgColor}; + --content-alt-bgcolor:#{$contentAltBgColor}; + --hover-bgcolor:#{$hoverBgColor}; + --pink:#{$pink}; + --indigo:#{$indigo}; + --yellow:#{$yellow}; + --orange:#{$orange}; + --teal:#{$teal}; + --cyan:#{$cyan}; + --bluegrey:#{$bluegrey}; + --purple:#{$purple}; + --deeppurple:#{$deeppurple}; + --blue:#{$blue}; + --lightblue:#{$lightblue}; + --green:#{$green}; + --lightgreen:#{$lightgreen}; + --lime:#{$lime}; + --deeporange:#{$deeporange}; + --brown:#{$brown}; + --layout-mode: dark; +} + +@import '../layout-common/_variables'; \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/layout/layout-dark/overrides/_layout.scss b/src/main/resources/resources/layout/styles/layout/layout-dark/overrides/_layout.scss new file mode 100644 index 0000000..dd46120 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-dark/overrides/_layout.scss @@ -0,0 +1 @@ +/* Add your customizations of layout here */ diff --git a/src/main/resources/resources/layout/styles/layout/layout-dark/overrides/_variables.scss b/src/main/resources/resources/layout/styles/layout/layout-dark/overrides/_variables.scss new file mode 100644 index 0000000..2760e03 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-dark/overrides/_variables.scss @@ -0,0 +1 @@ +/* Add your variable customizations of layout here */ diff --git a/src/main/resources/resources/layout/styles/layout/layout-light/_layout.scss b/src/main/resources/resources/layout/styles/layout/layout-light/_layout.scss new file mode 100644 index 0000000..4f2af65 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-light/_layout.scss @@ -0,0 +1,4 @@ +@import './_variables'; +@import './overrides/_variables'; +@import '../layout-common/_layout'; +@import './overrides/_layout'; \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/layout/layout-light/_variables.scss b/src/main/resources/resources/layout/styles/layout/layout-light/_variables.scss new file mode 100644 index 0000000..54b4842 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-light/_variables.scss @@ -0,0 +1,61 @@ +$bodyBgColor:#f7f7f7 !default; +$textColor:#212121 !default; +$textSecondaryColor:#616161 !default; + +$contentBgColor:#ffffff !default; +$contentAltBgColor:#ECEFF1 !default; +$overlayContentBgColor:#ffffff !default; +$dividerColor:#E4E4E4 !default; +$hoverBgColor:rgba(0,0,0,.04); +$solidSurfaceTextColor: #ffffff !default; + +$menuShadow: 2px 0 4px -1px rgba(0, 0, 0, 0.2), 4px 0 5px 0 rgba(0, 0, 0, 0.14), 1px 0 10px 0 rgba(0, 0, 0, 0.12); +$submenuShadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +$menuTooltipBgColor:#1c202c !default; +$menuTooltipTextColor:#ffffff !default; + +$pink: #E91E63 !default; +$indigo: #3F51B5 !default; +$yellow: #FFC107 !default; +$orange: #FF9800 !default; +$teal: #009688 !default; +$cyan: #00ACC1 !default; +$bluegrey: #546E7A !default; +$purple: #9C27B0 !default; +$deeppurple: #673AB7 !default; +$blue: #2196F3 !default; +$lightblue: #03A9F4 !default; +$green: #4CAF50 !default; +$lightgreen: #8BC34A !default; +$lime: #CDDC39 !default; +$deeporange: #FF5722 !default; +$brown: #795548 !default; + +:root { + --body-bgcolor:#{$bodyBgColor}; + --text-color:#{$textColor}; + --text-secondary-color:#{$textSecondaryColor}; + --divider-color:#{$dividerColor}; + --content-bgcolor:#{$contentBgColor}; + --content-alt-bgcolor:#{$contentAltBgColor}; + --hover-bgcolor:#{$hoverBgColor}; + --pink:#{$pink}; + --indigo:#{$indigo}; + --yellow:#{$yellow}; + --orange:#{$orange}; + --teal:#{$teal}; + --cyan:#{$cyan}; + --bluegrey:#{$bluegrey}; + --purple:#{$purple}; + --deeppurple:#{$deeppurple}; + --blue:#{$blue}; + --lightblue:#{$lightblue}; + --green:#{$green}; + --lightgreen:#{$lightgreen}; + --lime:#{$lime}; + --deeporange:#{$deeporange}; + --brown:#{$brown}; + --layout-mode: light; +} + +@import '../layout-common/_variables'; \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/layout/layout-light/overrides/_layout.scss b/src/main/resources/resources/layout/styles/layout/layout-light/overrides/_layout.scss new file mode 100644 index 0000000..dd46120 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-light/overrides/_layout.scss @@ -0,0 +1 @@ +/* Add your customizations of layout here */ diff --git a/src/main/resources/resources/layout/styles/layout/layout-light/overrides/_variables.scss b/src/main/resources/resources/layout/styles/layout/layout-light/overrides/_variables.scss new file mode 100644 index 0000000..2760e03 --- /dev/null +++ b/src/main/resources/resources/layout/styles/layout/layout-light/overrides/_variables.scss @@ -0,0 +1 @@ +/* Add your variable customizations of layout here */ diff --git a/src/main/resources/resources/layout/styles/theme/designer/_colors.scss b/src/main/resources/resources/layout/styles/theme/designer/_colors.scss new file mode 100644 index 0000000..076c683 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/_colors.scss @@ -0,0 +1,18 @@ +:root { + @if variable-exists(colors) { + @each $name, $color in $colors { + @for $i from 0 through 5 { + @if ($i == 0) { + --#{$name}-50:#{tint($color, (5 - $i) * 19%)}; + } + @else { + --#{$name}-#{$i * 100}:#{tint($color, (5 - $i) * 19%)}; + } + } + + @for $i from 1 through 4 { + --#{$name}-#{($i + 5) * 100}:#{shade($color, $i * 15%)}; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/_common.scss b/src/main/resources/resources/layout/styles/theme/designer/_common.scss new file mode 100644 index 0000000..e04a610 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/_common.scss @@ -0,0 +1,50 @@ +* { + box-sizing: border-box; +} + +body { + .ui-widget { + font-family: $fontFamily; + font-size: $fontSize; + text-decoration: none; + } + + .ui-icon { + font-size: $iconSize; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; + } + + .pi { + font-size: $iconSize; + } + + .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: $animationDuration; + animation-timing-function: $animationTimingFunction; + animation-fill-mode: forwards; + } + + .ui-helper-reset { + line-height: normal; + } + + .ui-state-disabled { + opacity: $disabledOpacity; + } + + .ui-widget-overlay { + background: $maskBg; + } + + .ui-resizable-handle { + position: absolute; + } +} diff --git a/src/main/resources/resources/layout/styles/theme/designer/_components.scss b/src/main/resources/resources/layout/styles/theme/designer/_components.scss new file mode 100644 index 0000000..00f7de2 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/_components.scss @@ -0,0 +1,103 @@ +@use 'sass:math'; + +@import './_mixins'; +@import './_common'; +@import './_colors'; + +//Button +@import './components/button/_button'; +@import './components/button/_splitbutton'; +@import './components/button/_speeddial'; + +//Data +@import './components/data/_carousel'; +@import './components/data/_chronoline'; +@import './components/data/_datagrid'; +@import './components/data/_datalist'; +@import './components/data/_datascroller'; +@import './components/data/_datatable'; +@import './components/data/_dataview'; +@import './components/data/_fullcalendar'; +@import './components/data/_orderlist'; +@import './components/data/_paginator'; +@import './components/data/_picklist'; +@import './components/data/_tagcloud'; +@import './components/data/_timeline'; +@import './components/data/_tree'; +@import './components/data/_treetable'; + +//File +@import './components/file/_fileupload'; + +//Input +@import './components/input/_autocomplete'; +@import './components/input/_cascadeselect'; +@import './components/input/_checkbox'; +@import './components/input/_chips'; +@import './components/input/_colorpicker'; +@import './components/input/_datepicker'; +@import './components/input/_inplace'; +@import './components/input/_input'; +@import './components/input/_inputgroup'; +@import './components/input/_inputswitch'; +@import './components/input/_keypad'; +@import './components/input/_multiselectlistbox'; +@import './components/input/_password'; +@import './components/input/_radiobutton'; +@import './components/input/_rating'; +@import './components/input/_selectbooleancheckbox'; +@import './components/input/_selectcheckboxmenu'; +@import './components/input/_selectonelistbox'; +@import './components/input/_selectonemenu'; +@import './components/input/_slider'; +@import './components/input/_spinner'; +@import './components/input/_texteditor'; +@import './components/input/_toggleswitch'; + +//Menu +@import './components/menu/_breadcrumb'; +@import './components/menu/_menu'; +@import './components/menu/_panelmenu'; +@import './components/menu/_steps'; +@import './components/menu/_tabmenu'; + +//Messages +@import './components/messages/_growl'; +@import './components/messages/_message'; +@import './components/messages/_messages'; + +//Misc +@import './components/misc/_avatar'; +@import './components/misc/_badge'; +@import './components/misc/_chip'; +@import './components/misc/_clock'; +@import './components/misc/_galleria'; +@import './components/misc/_log'; +@import './components/misc/_progressbar'; +@import './components/misc/_scrolltop'; +@import './components/misc/_skeleton'; +@import './components/misc/_tag'; +@import './components/misc/_terminal'; + +//Overlay +@import './components/overlay/_confirmpopup'; +@import './components/overlay/_dialog'; +@import './components/overlay/_lightbox'; +@import './components/overlay/_overlaypanel'; +@import './components/overlay/_sidebar'; +@import './components/overlay/_tooltip'; + +//Panel +@import './components/panel/_accordion'; +@import './components/panel/_card'; +@import './components/panel/_dashboard'; +@import './components/panel/_divider'; +@import './components/panel/_fieldset'; +@import './components/panel/_notificationbar'; +@import './components/panel/_panel'; +@import './components/panel/_panelgrid'; +@import './components/panel/_scrollpanel'; +@import './components/panel/_splitter'; +@import './components/panel/_tabs'; +@import './components/panel/_toolbar'; +@import './components/panel/_wizard'; diff --git a/src/main/resources/resources/layout/styles/theme/designer/_mixins.scss b/src/main/resources/resources/layout/styles/theme/designer/_mixins.scss new file mode 100644 index 0000000..b33df5d --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/_mixins.scss @@ -0,0 +1,251 @@ +@mixin icon-override($icon) { + font-family: 'primeicons' !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + + &:before { + content: $icon; + } +} + +@mixin icon-override-with-content($icon) { + &:before { + content: $icon; + font-family: 'primeicons' !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + @content + } +} + +@mixin action-icon { + width: $actionIconWidth; + height: $actionIconHeight; + background: $actionIconBg; + color: $actionIconColor; + transition: $transition; + border-radius: $actionIconBorderRadius; + border: $actionIconBorder; + text-align: center; + line-height: $actionIconHeight; + padding: 0; + user-select: none; + + &:hover { + background: $actionIconHoverBg; + color: $actionIconHoverColor; + border-color: $actionIconHoverBorderColor; + } + + &:focus { + @include focused(); + } +} + +@mixin secondary-button() { + background: $secondaryButtonBg; + color: $secondaryButtonTextColor; + border: $secondaryButtonBorder; + + &.ui-state-hover, &:not(:disabled):hover { + background: $secondaryButtonHoverBg; + border-color: $secondaryButtonHoverBorderColor; + color: $secondaryButtonTextHoverColor; + } + + &.ui-state-focus { + box-shadow: $secondaryButtonFocusShadow; + } + + &.ui-state-active, &:active { + background: $secondaryButtonActiveBg; + border-color: $secondaryButtonActiveBorderColor; + color: $secondaryButtonTextActiveColor; + } + + &.ui-button-outlined { + background-color: transparent; + color: $secondaryButtonBg; + border: $outlinedButtonBorder; + + &:enabled:hover { + background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity); + color: $secondaryButtonBg; + border: $outlinedButtonBorder; + } + + &:enabled:active { + background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity); + color: $secondaryButtonBg; + border: $outlinedButtonBorder; + } + } + + &.ui-button-flat { + background-color: transparent; + color: $secondaryButtonBg; + border-color: transparent; + + &:enabled:hover { + background: rgba($secondaryButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $secondaryButtonBg; + } + + &:enabled:active { + background: rgba($secondaryButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $secondaryButtonBg; + } + } +} + +@mixin border-radius-right($val) { + border-top-right-radius: $val; + border-bottom-right-radius: $val; +} + +@mixin border-radius-left($val) { + border-top-left-radius: $val; + border-bottom-left-radius: $val; +} + +@mixin border-radius-top($val) { + border-top-left-radius: $val; + border-top-right-radius: $val; +} + +@mixin border-radius-bottom($val) { + border-bottom-left-radius: $val; + border-bottom-right-radius: $val; +} + +@mixin focused() { + outline: $focusOutline; + outline-offset: $focusOutlineOffset; + box-shadow: $focusShadow; +} + +@mixin focused-inset() { + outline: $focusOutline; + outline-offset: $focusOutlineOffset; + box-shadow: inset $focusShadow; +} + +@mixin focused-input() { + border-color: $inputFocusBorderColor; + outline: 0 none; + box-shadow: $inputFocusShadow; +} + +@mixin focused-listitem() { + outline: $focusOutline; + outline-offset: $focusOutlineOffset; + box-shadow: $inputListItemFocusShadow; +} + +@mixin invalid-input() { + border-color: $inputErrorBorderColor; +} + +@mixin flex() { + display: -ms-flexbox; + display: flex; +} + +@mixin flex-wrap($value) { + -ms-flex-wrap: $value; + flex-wrap: $value; +} + +@mixin flex-direction-row() { + -ms-flex-direction: row; + flex-direction: row; +} + +@mixin flex-direction-column() { + -ms-flex-direction: column; + flex-direction: column; +} + +@mixin flex-justify-center() { + -ms-flex-pack: center; + justify-content: center; +} + +@mixin flex-justify-between() { + -ms-flex-pack: justify; + justify-content: space-between; +} + +@mixin flex-align-center() { + -ms-flex-align: center; + align-items: center; +} + +@mixin flex-align-start() { + -ms-flex-align: start; + align-items: flex-start; +} + +@mixin flex-align-end() { + -ms-flex-align: end; + align-items: flex-end; +} + +@mixin flex-justify-start() { + -ms-flex-pack: start; + justify-content: flex-start; +} + +@mixin flex-justify-end() { + -ms-flex-pack: end; + justify-content: flex-end; +} + +@mixin placeholder { + ::-webkit-input-placeholder {@content} + :-moz-placeholder {@content; opacity: 1} + ::-moz-placeholder {@content; opacity: 1} + :-ms-input-placeholder {@content} +} + +@mixin scaledPadding($val, $scale) { + padding: nth($val, 1) * $scale nth($val, 2) * $scale; +} + +@mixin scaledFontSize($val, $scale) { + font-size: $val * $scale; +} + +@mixin nested-submenu-indents($val, $index, $length) { + ul { + li { + a { + padding-left: $val * ($index + 1); + } + + @if $index < $length { + @include nested-submenu-indents($val, $index + 2, $length); + } + } + } +} + +@function tint($color, $percentage) { + @return mix(#fff, $color, $percentage); +} + +@function shade($color, $percentage) { + @return mix(#000, $color, $percentage); +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/button/_button.scss b/src/main/resources/resources/layout/styles/theme/designer/components/button/_button.scss new file mode 100644 index 0000000..6040d19 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/button/_button.scss @@ -0,0 +1,608 @@ +body { + .ui-button { + background: $buttonBg; + color: $buttonTextColor; + border: $buttonBorder; + margin: 0; + outline: 0 none; + border-radius: $borderRadius; + transition: $transition; + + &.ui-state-hover { + background: $buttonHoverBg; + border-color: $buttonHoverBorderColor; + color: $buttonTextHoverColor; + } + + &.ui-state-focus { + outline: $buttonFocusOutline; + outline-offset: $buttonFocusOutlineOffset; + box-shadow: $buttonFocusShadow; + } + + &.ui-state-active, &.ui-state-down { + background: $buttonActiveBg; + border-color: $buttonActiveBorderColor; + color: $buttonTextActiveColor; + } + + &.ui-button-outlined { + background-color: transparent; + color: $buttonBg; + border: $outlinedButtonBorder; + + &.ui-state-hover { + background: rgba($buttonBg, $textButtonHoverBgOpacity); + color: $buttonBg; + border: $outlinedButtonBorder; + } + + &.ui-state-active, &.ui-state-down { + background: rgba($buttonBg, $textButtonActiveBgOpacity); + color: $buttonBg; + border: $outlinedButtonBorder; + } + + &.ui-button-plain { + color: $plainButtonTextColor; + border-color: $plainButtonTextColor; + + &.ui-state-hover { + background: $plainButtonHoverBgColor; + color: $plainButtonTextColor; + } + + &.ui-state-active, &.ui-state-down { + background: $plainButtonActiveBgColor; + color: $plainButtonTextColor; + } + } + } + + &.ui-button-flat { + background-color: transparent; + color: $buttonBg; + border-color: transparent; + + &.ui-state-hover { + background: rgba($buttonBg, $textButtonHoverBgOpacity); + color: $buttonBg; + border-color: transparent; + } + + &.ui-state-active, &.ui-state-down { + background: rgba($buttonBg, $textButtonActiveBgOpacity); + color: $buttonBg; + border-color: transparent; + } + + &.ui-button-plain { + color: $plainButtonTextColor; + + &.ui-state-hover { + background: $plainButtonHoverBgColor; + color: $plainButtonTextColor; + } + + &.ui-state-active, &.ui-state-down { + background: $plainButtonActiveBgColor; + color: $plainButtonTextColor; + } + } + } + + &.ui-button-text-only { + .ui-button-text { + padding: $buttonTextOnlyPadding; + } + } + + &.ui-button-text-icon-left { + .ui-button-text { + padding: $buttonWithLeftIconPadding; + } + + .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: math.div(-1 * $iconSize, 2); + left: math.div($iconSize, 2); + } + } + + &.ui-button-text-icon-right { + .ui-button-text { + padding: $buttonWithRightIconPadding; + } + + .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: math.div(-1 * $iconSize, 2); + right: math.div($iconSize, 2); + } + } + + &.ui-button-icon-only { + width: $buttonIconOnlyWidth; + + .ui-button-text { + padding: $buttonIconOnlyPadding; + } + + .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: math.div(-1 * $iconSize, 2); + margin-left: math.div(-1 * $iconSize, 2); + } + } + + &.ui-button-raised { + box-shadow: $raisedButtonShadow; + } + + &.rounded-button { + border-radius: $roundedButtonBorderRadius; + + &.ui-button-icon-only { + border-radius: 50%; + height: $buttonIconOnlyWidth; + } + } + + .ui-icon-triangle-1-s { + @include icon_override("\e902"); + } + } + + .ui-selectbooleanbutton, + .ui-selectonebutton > .ui-button, + .ui-selectmanybutton > .ui-button { + background: $toggleButtonBg; + color: $toggleButtonTextColor; + border: $toggleButtonBorder; + outline: 0 none; + transition: $transition; + + .ui-icon { + color: $toggleButtonIconColor; + } + + &.ui-state-hover { + background: $toggleButtonHoverBg; + border-color: $toggleButtonHoverBorderColor; + color: $toggleButtonTextHoverColor; + + .ui-icon { + color: $toggleButtonHoverIconColor; + } + } + + &.ui-state-active { + background: $toggleButtonActiveBg; + border-color: $toggleButtonActiveBorderColor; + color: $toggleButtonTextActiveColor; + + .ui-icon { + color: $toggleButtonActiveIconColor; + } + + &:not(.ui-state-disabled):hover { + background: $toggleButtonActiveHoverBg; + border-color: $toggleButtonActiveHoverBorderColor; + color: $toggleButtonActiveTextHoverColor; + + .ui-icon { + color: $toggleButtonActiveHoverIconColor; + } + } + } + } + + .ui-selectonebutton > .ui-button, + .ui-selectmanybutton > .ui-button { + border-radius: 0; + + &:first-child { + border-top-left-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + + &:last-child { + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + + &.ui-state-focus { + z-index: 1; + } + + &:not(:last-child) { + border-right-width: 0; + } + } + + @media (max-width: 640px) { + .ui-selectonebutton > div.ui-button, + .ui-selectmanybutton > div.ui-button { + &:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + + &:first-child { + @include border-radius-top($borderRadius); + @include border-radius-bottom(0); + } + + &:last-child { + @include border-radius-top(0); + @include border-radius-bottom($borderRadius); + border-bottom-width: 1px; + } + } + } + + @media (max-width: 640px) { + .ui-dataview-layout-options > div.ui-button { + &:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + + &:first-child { + @include border-radius-left($borderRadius); + @include border-radius-right(0); + } + + &:last-child { + @include border-radius-left(0); + @include border-radius-right($borderRadius); + } + } + } + + .ui-button-group { + .ui-button { + margin: 0; + border-radius: 0; + + &:first-child { + border-top-left-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + + &:last-child { + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + + &.ui-state-focus { + z-index: 1; + } + } + } + + .ui-button.ui-button-secondary, + .ui-splitbutton.ui-button-secondary > .ui-button, + .ui-menubutton.ui-button-secondary > .ui-button { + @include secondary-button(); + } + + .ui-button.ui-button-success, + .ui-splitbutton.ui-button-success > .ui-button, + .ui-menubutton.ui-button-success > .ui-button { + background:$successButtonBg; + color: $successButtonTextColor; + border: $successButtonBorder; + + &.ui-state-hover { + background: $successButtonHoverBg; + color: $successButtonTextHoverColor; + border-color: $successButtonHoverBorderColor; + } + + &.ui-state-focus { + box-shadow: $successButtonFocusShadow; + } + + &.ui-state-active { + background: $successButtonActiveBg; + color: $successButtonTextActiveColor; + } + + &.ui-button-outlined { + background-color: transparent; + color: $successButtonBg; + border: $outlinedButtonBorder; + + &.ui-state-hover { + background: rgba($successButtonBg, $textButtonHoverBgOpacity); + color: $successButtonBg; + border: $outlinedButtonBorder; + } + + &.ui-state-active { + background: rgba($successButtonBg, $textButtonActiveBgOpacity); + color: $successButtonBg; + border: $outlinedButtonBorder; + } + } + + &.ui-button-flat { + background-color: transparent; + color: $successButtonBg; + border-color: transparent; + + &.ui-state-hover { + background: rgba($successButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $successButtonBg; + } + + &.ui-state-active { + background: rgba($successButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $successButtonBg; + } + } + } + + .ui-button.ui-button-warning, + .ui-splitbutton.ui-button-warning > .ui-button, + .ui-menubutton.ui-button-warning > .ui-button { + background: $warningButtonBg; + color: $warningButtonTextColor; + border: $warningButtonBorder; + + &.ui-state-hover { + background: $warningButtonHoverBg; + color: $warningButtonTextHoverColor; + border-color: $warningButtonHoverBorderColor; + } + + &.ui-state-focus { + box-shadow: $warningButtonFocusShadow; + } + + &.ui-state-active { + background:$warningButtonActiveBg; + color: $warningButtonTextActiveColor; + border-color: $warningButtonActiveBorderColor; + } + + &.ui-button-outlined { + background-color: transparent; + color: $warningButtonBg; + border: $outlinedButtonBorder; + + &.ui-state-hover { + background: rgba($warningButtonBg, $textButtonHoverBgOpacity); + color: $warningButtonBg; + border: $outlinedButtonBorder; + } + + &.ui-state-active { + background: rgba($warningButtonBg, $textButtonActiveBgOpacity); + color: $warningButtonBg; + border: $outlinedButtonBorder; + } + } + + &.ui-button-flat { + background-color: transparent; + color: $warningButtonBg; + border-color: transparent; + + &.ui-state-hover { + background: rgba($warningButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $warningButtonBg; + } + + &.ui-state-active { + background: rgba($warningButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $warningButtonBg; + } + } + } + + .ui-button.ui-button-help, + .ui-splitbutton.ui-button-help > .ui-button, + .ui-menubutton.ui-button-help > .ui-button { + background: $helpButtonBg; + color: $helpButtonTextColor; + border: $helpButtonBorder; + + &.ui-state-hover { + background: $helpButtonHoverBg; + color: $helpButtonTextHoverColor; + border-color: $helpButtonHoverBorderColor; + } + + &.ui-state-focus { + box-shadow: $helpButtonFocusShadow; + } + + &.ui-state-active { + background:$helpButtonActiveBg; + color: $helpButtonTextActiveColor; + border-color: $helpButtonActiveBorderColor; + } + + &.ui-button-outlined { + background-color: transparent; + color: $helpButtonBg; + border: $outlinedButtonBorder; + + &.ui-state-hover { + background: rgba($helpButtonBg, $textButtonHoverBgOpacity); + color: $helpButtonBg; + border: $outlinedButtonBorder; + } + + &.ui-state-active { + background: rgba($helpButtonBg, $textButtonActiveBgOpacity); + color: $helpButtonBg; + border: $outlinedButtonBorder; + } + } + + &.ui-button-flat { + background-color: transparent; + color: $helpButtonBg; + border-color: transparent; + + &.ui-state-hover { + background: rgba($helpButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $helpButtonBg; + } + + &.ui-state-active { + background: rgba($helpButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $helpButtonBg; + } + } + } + + .ui-button.ui-button-info, + .ui-splitbutton.ui-button-info > .ui-button, + .ui-menubutton.ui-button-info > .ui-button { + background: $infoButtonBg; + color: $infoButtonTextColor; + border: $infoButtonBorder; + + &.ui-state-hover { + background: $infoButtonHoverBg; + color: $infoButtonTextHoverColor; + border-color: $infoButtonHoverBorderColor; + } + + &.ui-state-focus { + box-shadow: $infoButtonFocusShadow; + } + + &.ui-state-active { + background:$infoButtonActiveBg; + color: $infoButtonTextActiveColor; + border-color: $infoButtonActiveBorderColor; + } + + &.ui-button-outlined { + background-color: transparent; + color: $infoButtonBg; + border: $outlinedButtonBorder; + + &.ui-state-hover { + background: rgba($infoButtonBg, $textButtonHoverBgOpacity); + color: $infoButtonBg; + border: $outlinedButtonBorder; + } + + &.ui-state-active { + background: rgba($infoButtonBg, $textButtonActiveBgOpacity); + color: $infoButtonBg; + border: $outlinedButtonBorder; + } + } + + &.ui-button-flat { + background-color: transparent; + color: $infoButtonBg; + border-color: transparent; + + &.ui-state-hover { + background: rgba($infoButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $infoButtonBg; + } + + &.ui-state-active { + background: rgba($infoButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $infoButtonBg; + } + } + } + + .ui-button.ui-button-danger, + .ui-splitbutton.ui-button-danger > .ui-button, + .ui-menubutton.ui-button-danger > .ui-button { + background: $dangerButtonBg; + color: $dangerButtonTextColor; + border: $dangerButtonBorder; + + &.ui-state-hover { + background: $dangerButtonHoverBg; + color: $dangerButtonTextHoverColor; + border-color: $dangerButtonHoverBorderColor; + } + + &.ui-state-focus { + box-shadow: $dangerButtonFocusShadow; + } + + &.ui-state-active { + background: $dangerButtonActiveBg; + color: $dangerButtonTextActiveColor; + border-color: $dangerButtonActiveBorderColor; + } + + &.ui-button-outlined { + background-color: transparent; + color: $dangerButtonBg; + border: $outlinedButtonBorder; + + &.ui-state-hover { + background: rgba($dangerButtonBg, $textButtonHoverBgOpacity); + color: $dangerButtonBg; + border: $outlinedButtonBorder; + } + + &.ui-state-active { + background: rgba($dangerButtonBg, $textButtonActiveBgOpacity); + color: $dangerButtonBg; + border: $outlinedButtonBorder; + } + } + + &.ui-button-flat { + background-color: transparent; + color: $dangerButtonBg; + border-color: transparent; + + &.ui-state-hover { + background: rgba($dangerButtonBg, $textButtonHoverBgOpacity); + border-color: transparent; + color: $dangerButtonBg; + } + + &.ui-state-active { + background: rgba($dangerButtonBg, $textButtonActiveBgOpacity); + border-color: transparent; + color: $dangerButtonBg; + } + } + } + + .ui-commandlink, .ui-link { + color: $buttonBg; + transition: $transition; + + &:hover { + color: $buttonHoverBg; + text-decoration: underline; + } + + &:active { + color: $buttonActiveBg; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/button/_speeddial.scss b/src/main/resources/resources/layout/styles/theme/designer/components/button/_speeddial.scss new file mode 100644 index 0000000..4c9ad40 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/button/_speeddial.scss @@ -0,0 +1,81 @@ +body { + .ui-speeddial-button { + &.ui-button.ui-button-icon-only { + width: $speedDialButtonWidth; + height: $speedDialButtonHeight; + + .ui-button-icon { + font-size: $speedDialButtonIconFontSize; + } + } + } + + .ui-speeddial-action { + width: $speedDialActionWidth; + height: $speedDialActionHeight; + background: $speedDialActionBg; + color: $speedDialActionTextColor; + + &:hover { + background: $speedDialActionHoverBg; + color: $speedDialActionTextHoverColor; + } + } + + .ui-speeddial-direction-up { + .ui-speeddial-item { + margin: math.div($inlineSpacing, 2) 0; + + &:first-child { + margin-bottom: $inlineSpacing; + } + } + } + + .ui-speeddial-direction-down { + .ui-speeddial-item { + margin: math.div($inlineSpacing, 2) 0; + + &:first-child { + margin-top: $inlineSpacing; + } + } + } + + .ui-speeddial-direction-left { + .ui-speeddial-item { + margin: 0 math.div($inlineSpacing, 2); + + &:first-child { + margin-right: $inlineSpacing; + } + } + } + + .ui-speeddial-direction-right { + .ui-speeddial-item { + margin: 0 math.div($inlineSpacing, 2); + + &:first-child { + margin-left: $inlineSpacing; + } + } + } + + .ui-speeddial-circle, + .ui-speeddial-semi-circle, + .ui-speeddial-quarter-circle { + .ui-speeddial-item { + margin: 0; + + &:first-child, + &:last-child { + margin: 0; + } + } + } + + .ui-speeddial-mask { + background-color: $maskBg; + } +} diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/button/_splitbutton.scss b/src/main/resources/resources/layout/styles/theme/designer/components/button/_splitbutton.scss new file mode 100644 index 0000000..3040263 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/button/_splitbutton.scss @@ -0,0 +1,65 @@ +body { + .ui-splitbutton { + padding: 0; + + .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &.ui-state-focus { + z-index: 1; + } + } + + .ui-splitbuttonmenu { + min-width: 100%; + } + + .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + + .ui-icon.ui-icon-triangle-1-s { + @include icon_override("\e902"); + } + } + } + + .ui-splitbuttonmenu { + .ui-splitbuttonmenu-filter-container { + padding: $inputListHeaderPadding; + margin: 0; + border-bottom: $inputListHeaderBorder; + background: $inputListHeaderBg; + color: $inputListHeaderTextColor; + + .ui-splitbuttonmenu-filter.ui-inputfield { + padding: $inputPadding; + width: 100%; + padding-left: 2 * nth($inputPadding, 2) + $iconSize; + } + + .ui-icon { + @include icon_override("\e908"); + position: absolute; + left: nth($inputListHeaderPadding, 2) + nth($inputPadding, 2); + top: 50%; + right: auto; + bottom: auto; + margin-top: math.div(-1 * $iconSize, 2); + color: $inputIconColor; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/data/_carousel.scss b/src/main/resources/resources/layout/styles/theme/designer/components/data/_carousel.scss new file mode 100644 index 0000000..30f9686 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/data/_carousel.scss @@ -0,0 +1,39 @@ +body { + .ui-carousel { + .ui-carousel-content { + .ui-carousel-prev, + .ui-carousel-next { + @include action-icon(); + margin: $inlineSpacing; + } + } + + .ui-carousel-indicators { + padding: $carouselIndicatorsPadding; + + .ui-carousel-indicator { + margin-right: $inlineSpacing; + margin-bottom: $inlineSpacing; + + button { + background-color: $carouselIndicatorBg; + width: $carouselIndicatorWidth; + height: $carouselIndicatorHeight; + transition: $actionIconTransition; + border-radius: $carouselIndicatorBorderRadius; + + &:hover { + background: $carouselIndicatorHoverBg; + } + } + + &.ui-state-highlight { + button { + background: $primaryColor; + color: $primaryTextColor; + } + } + } + } + } +} diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/data/_chronoline.scss b/src/main/resources/resources/layout/styles/theme/designer/components/data/_chronoline.scss new file mode 100644 index 0000000..e0e2cea --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/data/_chronoline.scss @@ -0,0 +1,37 @@ +body { + .ui-chronoline { + .ui-chronoline-event-marker { + border: $chronolineEventMarkerBorder; + border-radius: $chronolineEventMarkerBorderRadius; + width: $chronolineEventMarkerWidth; + height: $chronolineEventMarkerHeight; + background-color: $chronolineEventMarkerBackground; + } + + .ui-chronoline-event-connector { + background-color: $chronolineEventColor; + } + + &.ui-chronoline-vertical { + .ui-chronoline-event-opposite, + .ui-chronoline-event-content { + padding: $chronolineVerticalEventContentPadding; + } + + .ui-chronoline-event-connector { + width: $chronolineEventConnectorSize; + } + } + + &.ui-chronoline-horizontal { + .ui-chronoline-event-opposite, + .ui-chronoline-event-content { + padding: $chronolineHorizontalEventContentPadding; + } + + .ui-chronoline-event-connector { + height: $chronolineEventConnectorSize; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/data/_datagrid.scss b/src/main/resources/resources/layout/styles/theme/designer/components/data/_datagrid.scss new file mode 100644 index 0000000..4edd0a0 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/data/_datagrid.scss @@ -0,0 +1,39 @@ +body { + .ui-datagrid { + .ui-datagrid-header, + .ui-datagrid-footer { + background: $panelHeaderBg; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + } + + .ui-datagrid-header { + border-bottom: 0 none; + } + + .ui-datagrid-footer { + border-top: 0 none; + } + + .ui-datagrid-content { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + } + + .ui-paginator { + padding: $paginatorPadding; + + &.ui-paginator-top { + border-bottom: 0 none; + } + + &.ui-paginator-bottom { + border-top: 0 none; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/data/_datalist.scss b/src/main/resources/resources/layout/styles/theme/designer/components/data/_datalist.scss new file mode 100644 index 0000000..2af7271 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/data/_datalist.scss @@ -0,0 +1,39 @@ +body { + .ui-datalist { + .ui-datalist-header, + .ui-datalist-footer { + background: $panelHeaderBg; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + } + + .ui-datalist-header { + border-bottom: 0 none; + } + + .ui-datalist-footer { + border-top: 0 none; + } + + .ui-datalist-content { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + } + + .ui-paginator { + padding: $paginatorPadding; + + &.ui-paginator-top { + border-bottom: 0 none; + } + + &.ui-paginator-bottom { + border-top: 0 none; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/data/_datascroller.scss b/src/main/resources/resources/layout/styles/theme/designer/components/data/_datascroller.scss new file mode 100644 index 0000000..2ef80b8 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/data/_datascroller.scss @@ -0,0 +1,27 @@ +body { + .ui-datascroller { + .ui-datascroller-header, + .ui-datascroller-footer { + background: $panelHeaderBg; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + } + + .ui-datascroller-header { + border-bottom: 0 none; + } + + .ui-datascroller-footer { + border-top: 0 none; + } + + .ui-datascroller-content { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/data/_datatable.scss b/src/main/resources/resources/layout/styles/theme/designer/components/data/_datatable.scss new file mode 100644 index 0000000..5b54507 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/data/_datatable.scss @@ -0,0 +1,466 @@ +body { + .ui-datatable { + .ui-datatable-header { + background: $datatableHeaderBg; + border: $datatableHeaderCellBorder; + border-width: $datatableHeaderBorderWidth; + color: $datatableHeaderTextColor; + padding: $datatableHeaderPadding; + font-weight: $datatableHeaderFontWeight; + @include border-radius-top($borderRadius); + } + + .ui-datatable-footer { + background: $datatableFooterBg; + border: $datatableFooterCellBorder; + border-width: $datatableFooterBorderWidth; + color: $datatableFooterTextColor; + padding: $datatableFooterPadding; + font-weight: $datatableFooterFontWeight; + @include border-radius-bottom($borderRadius); + } + + .ui-datatable-header { + text-align: left; + } + + .ui-datatable-footer { + text-align: left; + } + + .ui-paginator { + padding: $paginatorPadding; + + &.ui-paginator-top { + border-width: $datatableTopPaginatorBorderWidth; + border-radius: 0; + } + + &.ui-paginator-bottom { + border-width: $datatableBottomPaginatorBorderWidth; + border-radius: 0; + } + } + + thead { + th { + background: $datatableHeaderCellBg; + color: $datatableHeaderCellTextColor; + padding: $datatableHeaderCellPadding; + border: $datatableHeaderCellBorder; + border-width: $datatableHeaderCellBorderWidth; + text-align: left; + box-sizing: content-box; + transition: $transition; + + .ui-column-title { + font-weight: $datatableHeaderCellFontWeight; + vertical-align: middle; + } + + .ui-sortable-column-icon { + margin: 0 0 0 $inlineSpacing; + + &.ui-icon-carat-2-n-s { + @include icon_override('\e99e'); + vertical-align: middle; + } + + &.ui-icon-triangle-1-n { + @include icon_override('\e99f'); + vertical-align: middle; + } + + &.ui-icon-triangle-1-s { + @include icon_override('\e9a0'); + vertical-align: middle; + } + } + + .ui-sortable-column-badge { + border-radius: 50%; + height: $datatableSortableColumnBadgeSize; + min-width: $datatableSortableColumnBadgeSize; + line-height: $datatableSortableColumnBadgeSize; + color: $badgeTextColor; + background: $badgeBg; + margin-left: $inlineSpacing; + font-size: $badgeFontSize; + } + + &.ui-sortable-column { + &.ui-state-focus { + @include focused-inset(); + } + } + + &.ui-state-hover { + background: $datatableHeaderCellHoverBg; + color: $datatableHeaderCellTextHoverColor; + } + + &.ui-state-active { + background: $datatableHeaderCellHighlightBg; + color: $datatableHeaderCellHighlightTextColor; + + &.ui-state-hover { + background: $datatableHeaderCellHighlightHoverBg; + color: $datatableHeaderCellHighlightTextHoverColor; + } + } + } + } + + .ui-datatable-data { + > tr { + background: $datatableBodyRowBg; + color: $datatableBodyRowTextColor; + transition: $transition; + + > td { + padding: $datatableBodyCellPadding; + border: $datatableBodyRowBorder; + border-width: $datatableBodyCellBorderWidth; + + &.ui-datatable-subtable-header { + background: $panelHeaderBg; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + font-weight: $panelHeaderFontWeight; + } + } + + &.ui-state-hover { + background: $datatableBodyRowHoverBg; + color: $datatableBodyRowTextHoverColor; + } + + &.ui-state-highlight { + background: $highlightBg; + color: $highlightTextColor; + + .ui-row-toggler { + color: $highlightTextColor; + } + + .ui-row-editor { + > a { + color: $highlightTextColor; + } + } + } + + &.ui-datatable-selectable { + cursor: pointer; + + > .ui-grouped-column { + background: $datatableBodyRowBg; + color: $datatableBodyRowTextColor; + cursor: default; + } + } + + &.ui-rowgroup-header, &.ui-datatable-summaryrow { + font-weight: 700; + } + + .ui-row-editor { + > a { + @include action-icon(); + + &.ui-row-editor-check { + margin-right: $inlineSpacing; + } + } + + .ui-icon { + &.ui-icon-pencil { + @include icon_override('\e942'); + } + + &.ui-icon-check { + @include icon_override('\e909'); + } + + &.ui-icon-close { + @include icon_override('\e90b'); + } + } + } + + .ui-row-toggler { + @include action-icon(); + + &.ui-icon-circle-triangle-e { + @include icon_override('\e901'); + } + + &.ui-icon-circle-triangle-s { + @include icon_override('\e902'); + } + } + + .ui-rowgroup-toggler { + margin-right: 2 * $inlineSpacing; + + .ui-rowgroup-toggler-icon { + @include action-icon(); + + &.ui-icon-circle-triangle-e { + @include icon_override('\e901'); + } + + &.ui-icon-circle-triangle-s { + @include icon_override('\e902'); + } + } + } + + &.ui-datatable-rowordering { + background: $highlightBg; + } + } + } + + .ui-column-resizer-helper { + background: $datatableResizerHelperBg; + } + + tfoot { + td { + background: $datatableFooterCellBg; + border: $datatableFooterCellBorder; + border-width: $datatableFooterCellBorderWidth; + color: $datatableFooterCellTextColor; + padding: $datatableFooterCellPadding; + font-weight: $datatableFooterCellFontWeight; + text-align: left; + box-sizing: content-box; + } + } + + > .ui-icon-arrowthick-1-s { + @include icon_override('\e919'); + display: none !important; + } + + > .ui-icon-arrowthick-1-n { + @include icon_override('\e91c'); + padding-top: 1.5rem !important; + } + + .ui-datatable-scrollable-body { + outline: 0 none; + } + + .ui-datatable-scrollable-header, .ui-datatable-scrollable-footer { + background: $datatableHeaderCellBg; + } + + .ui-selection-column { + .ui-chkbox-all { + margin: 0; + width: $checkboxWidth; + height: $checkboxHeight; + } + } + + &.ui-datatable-striped { + .ui-datatable-data { + > tr { + &.ui-datatable-odd { + background: $datatableBodyRowOddBg; + + &.ui-state-hover { + background: $datatableBodyRowHoverBg; + color: $datatableBodyRowTextHoverColor; + } + + &.ui-state-highlight { + background: $highlightBg; + color: $highlightTextColor; + } + } + } + } + } + + &.ui-datatable-sm { + thead { + > tr { + > th { + padding: nth($datatableHeaderCellPadding,1) * $datatableScaleSm nth($datatableHeaderCellPadding,2) * $datatableScaleSm; + } + } + } + + .ui-datatable-scrollable-theadclone { + > tr { + > th { + padding-top: 0; + padding-bottom: 0; + } + } + } + + .ui-datatable-data { + > tr { + > td { + padding: nth($datatableBodyCellPadding,1) * $datatableScaleSm nth($datatableBodyCellPadding,2) * $datatableScaleSm; + } + } + } + + tfoot { + > tr { + > td { + padding: nth($datatableFooterCellPadding,1) * $datatableScaleSm nth($datatableFooterCellPadding,2) * $datatableScaleSm; + } + } + } + } + + &.ui-datatable-lg { + thead { + > tr { + > th { + padding: nth($datatableHeaderCellPadding,1) * $datatableScaleLg nth($datatableHeaderCellPadding,2) * $datatableScaleLg; + } + } + } + + .ui-datatable-scrollable-theadclone { + > tr { + > th { + padding-top: 0; + padding-bottom: 0; + } + } + } + + .ui-datatable-data { + > tr { + > td { + padding: nth($datatableBodyCellPadding,1) * $datatableScaleLg nth($datatableBodyCellPadding,2) * $datatableScaleLg; + } + } + } + + tfoot { + > tr { + > td { + padding: nth($datatableFooterCellPadding,1) * $datatableScaleLg nth($datatableFooterCellPadding,2) * $datatableScaleLg; + } + } + } + } + + &.ui-datatable-gridlines { + .ui-datatable-header { + border-width: 1px; + } + + thead { + > tr { + > th { + border-width: 1px; + } + } + } + + .ui-datatable-data { + > tr { + > td { + border-width: 1px; + } + } + } + + .ui-datatable-scrollable-theadclone { + > tr { + > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; + } + } + } + + tfoot { + > tr { + > td { + border-width: 1px; + } + } + } + } + + &.ui-datatable-sticky { + &.ui-sticky { + box-shadow: $overlayContainerShadow; + } + + > table { + > thead, + > tfoot { + background: $datatableHeaderCellBg; + } + } + } + } + + .ui-columntoggler { + box-shadow: $overlayContainerShadow; + background: $inputListBg; + border: $inputListBorder; + + .ui-columntoggler-close { + display: none; + } + + .ui-columntoggler-items { + padding: $inputListPadding; + + .ui-columntoggler-item { + padding: $inputListItemPadding; + margin: $inputListItemMargin; + border: $inputListItemBorder; + background: $inputListItemBg; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius; + + .ui-chkbox { + position: static; + margin-right: $inlineSpacing; + margin-top: 0; + vertical-align: middle; + } + + label { + padding: 0; + display: inline; + } + } + } + } + + @media (max-width: 640px) { + .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: $datatableBodyRowBorder; + + &:hover, &.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: $datatableBodyRowBorder; + } + + &.ui-expanded-row-content { + > td { + display: block; + width: 100%; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/data/_dataview.scss b/src/main/resources/resources/layout/styles/theme/designer/components/data/_dataview.scss new file mode 100644 index 0000000..48445f9 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/data/_dataview.scss @@ -0,0 +1,49 @@ +body { + .ui-dataview { + .ui-paginator{ + &.ui-paginator-top { + border-width: $datatableTopPaginatorBorderWidth; + border-radius: 0; + } + + &.ui-paginator-bottom { + border-width: $datatableBottomPaginatorBorderWidth; + border-radius: 0; + } + } + + .ui-dataview-header { + background: $datatableHeaderBg; + color: $datatableHeaderTextColor; + padding: $datatableHeaderPadding; + font-weight: $datatableHeaderFontWeight; + border: $datatableHeaderBorder; + border-width: $datatableHeaderBorderWidth; + } + + .ui-dataview-footer { + background: $datatableFooterBg; + color: $datatableFooterTextColor; + border: $datatableFooterBorder; + border-width: $datatableFooterBorderWidth; + padding: $datatableFooterPadding; + font-weight: $datatableFooterFontWeight; + border-bottom-left-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + + .ui-dataview-content { + border: $dataViewContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $dataViewContentPadding; + } + + &.ui-dataview-list { + .ui-dataview-row { + border: $dataViewListItemBorder; + border-width: $dataViewListItemBorderWidth; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/data/_fullcalendar.scss b/src/main/resources/resources/layout/styles/theme/designer/components/data/_fullcalendar.scss new file mode 100644 index 0000000..9a02080 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/data/_fullcalendar.scss @@ -0,0 +1,89 @@ +body { + .fc { + .fc-scrollgrid { + border-color: $scheduleCellBorderColor; + } + + .fc-daygrid-day.fc-day-today, + .fc-timegrid-col.fc-day-today { + background-color: $scheduleTodayBg; + } + + th { + background: $panelHeaderBg; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + + > .fc-scrollgrid-sync-inner { + padding: $panelHeaderPadding; + } + } + + td { + border: $panelHeaderBorder; + + &.fc-widget-content { + background: $panelContentBg; + border: $panelContentBorder; + color: $panelContentTextColor; + } + + &.fc-head-container { + border: $panelHeaderBorder; + } + } + + .fc-row { + border-right: $panelHeaderBorder; + } + + .fc-event, + .fc-event .fc-event-main{ + background: $scheduleEventBg; + border: $scheduleEventBorder; + color: $scheduleEventTextColor; + } + + .fc-divider { + background: $panelHeaderBg; + border: $panelHeaderBorder; + } + + .fc-toolbar { + .fc-button { + background: $buttonBg; + color: $buttonTextColor; + border: $buttonBorder; + transition: $transition; + + &:not(:disabled):hover { + background: $buttonHoverBg; + border-color: $buttonHoverBorderColor; + color: $buttonTextHoverColor; + } + + &:focus { + outline: $buttonFocusOutline; + outline-offset: $buttonFocusOutlineOffset; + box-shadow: $buttonFocusShadow; + } + + &:active, &.fc-button-active { + background: $buttonActiveBg; + border-color: $buttonActiveBorderColor; + color: $buttonTextActiveColor; + } + } + } + } + + .ui-fluid { + .fc { + .fc-toolbar { + .ui-button { + width: auto; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/data/_orderlist.scss b/src/main/resources/resources/layout/styles/theme/designer/components/data/_orderlist.scss new file mode 100644 index 0000000..6fb90eb --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/data/_orderlist.scss @@ -0,0 +1,106 @@ +body { + .ui-orderlist { + .ui-orderlist-controls { + margin-right: 0; + @include flex(); + @include flex-direction-column(); + @include flex-align-center(); + @include flex-justify-center(); + + .ui-button { + margin-bottom: $inlineSpacing; + } + + .ui-icon-arrow-1-n { + @include icon-override("\e933"); + } + + .ui-icon-arrowstop-1-n { + @include icon-override("\e92f"); + } + + .ui-icon-arrow-1-s { + @include icon-override("\e930"); + } + + .ui-icon-arrowstop-1-s { + @include icon-override("\e92c"); + } + } + + .ui-orderlist-caption { + background: $panelHeaderBg; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + border-bottom: 0 none; + font-weight: $panelHeaderFontWeight; + @include border-radius-top($borderRadius); + } + + .ui-g { + > div { + padding: 0; + + &.ui-orderlist-controls { + padding: 0 $inlineSpacing 0 0; + } + } + } + + .ui-orderlist-list { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $inputListPadding; + @include border-radius-bottom($borderRadius); + + .ui-orderlist-item { + padding: $inputListItemPadding; + margin: $inputListItemMargin; + border: $inputListItemBorder; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius ; + transition: $transition; + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + + &.ui-sortable-placeholder { + background: $orderListDropPlaceholderBg; + } + } + } + } + + &.ui-orderlist-controls-right { + .ui-g { + > div { + &.ui-orderlist-controls { + padding: 0 0 0 $inlineSpacing; + } + } + } + } + } + + @media (max-width: 640px) { + .ui-orderlist { + &.ui-grid-responsive { + .ui-orderlist-controls { + @include flex-direction-row(); + .ui-button { + margin-top: $inlineSpacing; + margin-right: $inlineSpacing; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/data/_paginator.scss b/src/main/resources/resources/layout/styles/theme/designer/components/data/_paginator.scss new file mode 100644 index 0000000..0159568 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/data/_paginator.scss @@ -0,0 +1,122 @@ +body { + .ui-paginator { + background: $paginatorBg; + border: $paginatorBorder; + border-width: $paginatorBorderWidth; + padding: $paginatorPadding; + + .ui-paginator-first, + .ui-paginator-prev, + .ui-paginator-next, + .ui-paginator-last { + color: $paginatorIconColor; + width: $paginatorElementWidth; + height: $paginatorElementHeight; + margin: $paginatorElementMargin; + border: $paginatorElementBorder; + vertical-align: top; + padding: 0; + border-radius: $paginatorElementBorderRadius; + transition: $transition; + + span { + display: none; + } + + &.ui-state-hover { + background: $paginatorElementHoverBg; + color: $paginatorElementHoverIconColor; + border-color: $paginatorElementHoverBorderColor; + } + + &.ui-state-focus { + @include focused(); + } + + &:before { + position: relative; + line-height: inherit; + top: -1px; + } + } + + .ui-paginator-first { + @include icon-override("\e92d"); + line-height: $paginatorElementHeight; + + &:before { + position: relative; + } + } + + .ui-paginator-prev { + @include icon-override("\e931"); + line-height: $paginatorElementHeight; + + &:before { + position: relative; + } + } + + .ui-paginator-next { + @include icon-override("\e932"); + line-height: $paginatorElementHeight; + + &:before { + position: relative; + } + } + + .ui-paginator-last { + @include icon-override("\e92e"); + line-height: $paginatorElementHeight; + + &:before { + position: relative; + } + } + + .ui-paginator-current { + color: $paginatorIconColor; + } + + .ui-paginator-pages { + padding: 0; + display: inline-block; + + .ui-paginator-page { + padding: 0; + border: $paginatorElementBorder; + text-align: center; + line-height: $paginatorElementHeight; + min-width: $paginatorElementWidth; + height: $paginatorElementHeight; + color: $paginatorIconColor; + margin: $paginatorElementMargin; + border-radius: $paginatorElementBorderRadius; + transition: $transition; + + &.ui-state-active { + background: $highlightBg; + color: $highlightTextColor; + } + + &.ui-state-hover { + background: $paginatorElementHoverBg; + color: $paginatorElementHoverIconColor; + border-color: $paginatorElementHoverBorderColor; + } + + &.ui-state-focus { + @include focused(); + } + } + } + + .ui-paginator-current, .ui-paginator-rpp-options { + margin: $inlineSpacing; + display: inline-block; + vertical-align: middle; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/data/_picklist.scss b/src/main/resources/resources/layout/styles/theme/designer/components/data/_picklist.scss new file mode 100644 index 0000000..517dc90 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/data/_picklist.scss @@ -0,0 +1,140 @@ +body { + .ui-picklist { + .ui-picklist-buttons { + padding: 0 $inlineSpacing 0 $inlineSpacing; + + .ui-button { + margin-bottom: $inlineSpacing; + } + + .ui-icon-arrow-1-n { + @include icon-override("\e933"); + } + + .ui-icon-arrowstop-1-n { + @include icon-override("\e92f"); + } + + .ui-icon-arrow-1-s { + @include icon-override("\e930"); + } + + .ui-icon-arrowstop-1-s { + @include icon-override("\e92c"); + } + + .ui-icon-arrow-1-e { + @include icon-override("\e932"); + } + + .ui-icon-arrowstop-1-e { + @include icon-override("\e92e"); + } + + .ui-icon-arrow-1-w { + @include icon-override("\e931"); + } + + .ui-icon-arrowstop-1-w { + @include icon-override("\e92d"); + } + } + + .ui-picklist-caption { + background: $panelHeaderBg; + border: $panelHeaderBorder; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + border-bottom: 0 none; + font-weight: $panelHeaderFontWeight; + @include border-radius-top($borderRadius); + } + + .ui-picklist-filter-container { + .ui-picklist-filter { + padding: $inputPadding; + width: 100%; + padding-left: 2 * nth($inputPadding, 2) + $iconSize; + margin-bottom: $inlineSpacing; + } + + .ui-icon { + @include icon_override("\e908"); + position: absolute; + left: nth($inputPadding, 2); + top: 50%; + right: auto; + margin-top: math.div(-1 * $iconSize, 2) - math.div($inlineSpacing, 2); + color: $inputIconColor; + } + } + + .ui-picklist-list { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $inputListPadding; + @include border-radius-bottom($borderRadius); + + .ui-picklist-item { + padding: $inputListItemPadding; + border: $inputListItemBorder; + margin: $inputListItemMargin; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius; + transition: $transition; + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + + &.ui-sortable-placeholder { + background: $pickListDropPlaceholderBg; + } + } + } + } + } + + @media (max-width: 640px) { + .ui-picklist { + &.ui-picklist-responsive { + .ui-picklist-buttons { + .ui-button { + margin-top: $inlineSpacing; + margin-right: $inlineSpacing; + + &:last-child { + margin-right: 0; + } + + .ui-icon-arrow-1-e { + @include icon-override("\e930"); + } + + .ui-icon-arrowstop-1-e { + @include icon-override("\e92c"); + } + + .ui-icon-arrow-1-w { + @include icon-override("\e933"); + } + + .ui-icon-arrowstop-1-w { + @include icon-override("\e92f"); + } + } + } + + > div.ui-helper-hidden-accessible { + display: none; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/data/_tagcloud.scss b/src/main/resources/resources/layout/styles/theme/designer/components/data/_tagcloud.scss new file mode 100644 index 0000000..be8fcbd --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/data/_tagcloud.scss @@ -0,0 +1,19 @@ +body { + .ui-tagcloud { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + + a { + color: $inputListItemTextColor; + border-radius: $borderRadius; + transition: $transition; + + &.ui-state-hover { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/data/_timeline.scss b/src/main/resources/resources/layout/styles/theme/designer/components/data/_timeline.scss new file mode 100644 index 0000000..68ac509 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/data/_timeline.scss @@ -0,0 +1,79 @@ +body { + .timeline-frame { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + + .timeline-navigation { + @include action-icon(); + + .ui-icon { + &.ui-icon-circle-zoomin { + @include icon_override("\e98f"); + } + + &.ui-icon-circle-zoomout { + @include icon_override("\e990"); + } + + &.ui-icon-circle-arrow-w { + @include icon_override("\e91f"); + } + + &.ui-icon-circle-arrow-e { + @include icon_override("\e920"); + } + } + } + + .timeline-event { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + + &.ui-state-active { + background: $highlightBg; + color: $highlightTextColor; + } + } + } + + .vis-timeline { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + + .vis-item { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + + .vis-item-content { + color: $panelContentTextColor; + } + + &.vis-dot { + border-width: 4px; + } + + &.vis-selected { + background: $highlightBg; + border-color: $highlightBg; + + .vis-item-content { + color: $highlightTextColor; + } + } + } + + .vis-time-axis { + .vis-text { + color: $panelContentTextColor; + } + } + + .vis-panel .vis-shadow { + box-shadow: none; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/data/_tree.scss b/src/main/resources/resources/layout/styles/theme/designer/components/data/_tree.scss new file mode 100644 index 0000000..bd8ab7c --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/data/_tree.scss @@ -0,0 +1,224 @@ +body { + .ui-tree { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + width: 100%; + border-radius: $borderRadius; + + .ui-tree-container { + padding: 0; + margin: 0; + + .ui-treenode { + padding: $treeNodePadding; + + .ui-treenode-content { + @include flex(); + @include flex-align-center(); + + .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 $inlineSpacing 0 0; + transition: $transition; + @include action-icon(); + + &.ui-icon-triangle-1-e { + @include icon_override("\e901"); + } + + &.ui-icon-triangle-1-s { + @include icon_override("\e902"); + } + + &.ui-icon-triangle-1-w { + @include icon_override("\e900"); + } + } + + .ui-treenode-leaf-icon { + width: $actionIconWidth; + height: $actionIconHeight; + margin: 0 $inlineSpacing 0 0; + } + + .ui-treenode-icon { + margin: 0 $inlineSpacing 0 0; + } + + .ui-treenode-label { + margin: 0; + padding: $treeNodeLabelPadding; + border-radius: $borderRadius; + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + } + + .ui-chkbox { + margin-right: $inlineSpacing * 2; + + .ui-icon-minus { + @include icon_override("\e90f"); + color: $panelContentTextColor; + } + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + + .ui-tree-toggler, + .ui-treenode-icon { + color: $inputListItemHighlightTextColor; + + &:hover { + color: $inputListItemHighlightTextColor; + } + } + } + + &.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + } + } + + .ui-tree-droppoint { + &.ui-state-hover { + background: $highlightBg; + } + } + + .ui-treenode-outline { + @include focused-listitem(); + } + } + + &.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; + + .ui-treenode-content { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + border-radius: $borderRadius; + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + + .ui-tree-toggler { + margin-right: $inlineSpacing; + vertical-align: middle; + + &.ui-icon-minus { + @include icon_override("\e90f"); + } + + &.ui-icon-plus { + @include icon_override("\e90d"); + } + } + + .ui-treenode-icon { + vertical-align: middle; + margin-right: $inlineSpacing; + } + + .ui-treenode-label { + padding: 0; + vertical-align: middle; + } + + .ui-chkbox { + margin-right: $inlineSpacing; + + .ui-icon-minus { + @include icon_override("\e90f"); + color: $panelContentTextColor; + } + } + } + + .ui-treenode:before { + background-color: $panelContentBg; + } + } + + .ui-tree-filter-container { + margin: 0 0 $inlineSpacing 0; + + .ui-icon { + @include icon_override("\e908"); + position: absolute; + left: nth($inputPadding, 2); + top: 50%; + right: auto; + bottom: auto; + margin-top: math.div(-1 * $iconSize, 2); + color: $inputIconColor; + } + + .ui-inputfield { + padding: $inputPadding; + width: 100%; + padding-left: 2 * nth($inputPadding, 2) + $iconSize; + } + } + + &.ui-tree-rtl { + .ui-tree-container { + .ui-treenode { + .ui-treenode-content { + .ui-tree-toggler { + margin-right: 0; + margin-left: $inlineSpacing; + } + + .ui-treenode-leaf-icon { + margin: 0 0 0 $inlineSpacing; + } + + .ui-treenode-icon { + margin: 0 0 0 $inlineSpacing; + } + + .ui-chkbox { + margin-right: 0; + margin-left: $inlineSpacing + 2; + } + } + } + } + } + } + + .ui-tree-draghelper { + border: 1px solid $highlightBg; + } + + .ui-fluid { + .ui-tree { + width: 100%; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/data/_treetable.scss b/src/main/resources/resources/layout/styles/theme/designer/components/data/_treetable.scss new file mode 100644 index 0000000..4153442 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/data/_treetable.scss @@ -0,0 +1,343 @@ +body { + .ui-treetable { + .ui-treetable-header { + background: $datatableHeaderBg; + color: $datatableHeaderTextColor; + border: $datatableHeaderBorder; + border-width: $datatableHeaderBorderWidth; + padding: $datatableHeaderPadding; + font-weight: $datatableHeaderFontWeight; + } + + .ui-treetable-footer { + background: $datatableFooterBg; + color: $datatableFooterTextColor; + border: $datatableFooterBorder; + border-width: $datatableFooterBorderWidth; + padding: $datatableFooterPadding; + font-weight: $datatableFooterFontWeight; + } + + .ui-treetable-header { + text-align: left; + } + + .ui-treetable-footer { + text-align: left; + } + + .ui-paginator { + padding: $paginatorPadding; + + &.ui-paginator-top { + border-width: $datatableTopPaginatorBorderWidth; + border-radius: 0; + } + + &.ui-paginator-bottom { + border-width: $datatableBottomPaginatorBorderWidth; + border-radius: 0; + } + } + + thead { + th { + background: $datatableHeaderCellBg; + color: $datatableHeaderCellTextColor; + padding: $datatableHeaderCellPadding; + border: $datatableHeaderCellBorder; + border-width: $datatableHeaderCellBorderWidth; + text-align: left; + box-sizing: content-box;; + transition: $transition; + + .ui-column-title { + font-weight: $datatableHeaderCellFontWeight; + vertical-align: middle; + } + + .ui-sortable-column-icon { + margin: 0 0 0 $inlineSpacing; + + &.ui-icon-carat-2-n-s { + @include icon_override('\e99e'); + vertical-align: middle; + } + + &.ui-icon-triangle-1-n { + @include icon_override('\e99f'); + vertical-align: middle; + } + + &.ui-icon-triangle-1-s { + @include icon_override('\e9a0'); + vertical-align: middle; + } + } + + .ui-sortable-column-badge { + border-radius: 50%; + height: $datatableSortableColumnBadgeSize; + min-width: $datatableSortableColumnBadgeSize; + line-height: $datatableSortableColumnBadgeSize; + color: $badgeTextColor; + background: $badgeBg; + margin-left: $inlineSpacing; + font-size: $badgeFontSize; + } + + &.ui-sortable-column { + &.ui-state-focus { + @include focused-inset(); + } + } + + &.ui-state-hover { + background: $datatableHeaderCellHoverBg; + color: $datatableHeaderCellTextHoverColor; + } + + &.ui-state-active { + background: $datatableHeaderCellHighlightBg; + color: $datatableHeaderCellHighlightTextColor; + + &.ui-state-hover { + background: $datatableHeaderCellHighlightHoverBg; + color: $datatableHeaderCellHighlightTextHoverColor; + } + } + } + } + + .ui-treetable-data { + > tr { + background: $datatableBodyRowBg; + color: $datatableBodyRowTextColor; + transition: $transition; + + > td { + padding: $datatableBodyCellPadding; + border: $datatableBodyRowBorder; + border-width: $datatableHeaderCellBorderWidth; + + .ui-treetable-toggler { + margin-right: $inlineSpacing; + margin-top: 0; + transition: $transition; + @include action-icon(); + + &.ui-icon-triangle-1-e { + @include icon_override("\e901"); + } + + &.ui-icon-triangle-1-s { + @include icon_override("\e902"); + } + } + + .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: $inlineSpacing * 2; + + .ui-icon-minus { + @include icon_override("\e90f"); + color: $panelContentTextColor; + } + } + } + + &.ui-state-hover { + background: $datatableBodyRowHoverBg; + color: $datatableBodyRowTextHoverColor; + } + + &.ui-state-highlight { + background: $highlightBg; + color: $highlightTextColor; + cursor: default; + + .ui-treetable-toggler { + color: $highlightTextColor; + + &:hover { + color: $highlightTextColor; + } + } + } + + .ui-row-editor { + .ui-icon { + @include action-icon(); + + &.ui-icon-pencil { + @include icon_override('\e942'); + } + + &.ui-icon-check { + @include icon_override('\e909'); + margin-right: $inlineSpacing; + } + + &.ui-icon-close { + @include icon_override('\e90b'); + } + } + + .ui-row-editor-check { + display: none; + } + + .ui-row-editor-close { + display: none; + } + } + + &.ui-row-editing { + .ui-row-editor-check { + display: inline-block; + } + + .ui-row-editor-close { + display: inline-block; + color:$highlightTextColor; + } + + .ui-icon { + color:$highlightTextColor; + } + } + } + } + + tfoot { + td { + background: $datatableFooterCellBg; + border: $datatableFooterCellBorder; + border-width: $datatableFooterCellBorderWidth; + color: $datatableFooterCellTextColor; + padding: $datatableFooterCellPadding; + font-weight: $datatableFooterCellFontWeight; + box-sizing: content-box;; + } + } + + .ui-treetable-scrollable-header, .ui-treetable-scrollable-footer { + background: $datatableHeaderCellBg; + } + + .ui-column-resizer-helper { + background: $datatableResizerHelperBg; + } + + &.ui-treetable-sm { + thead { + > tr { + > th { + padding: nth($datatableHeaderCellPadding,1) * $datatableScaleSm nth($datatableHeaderCellPadding,2) * $datatableScaleSm; + } + } + } + + .ui-treetable-scrollable-theadclone { + > tr { + > th { + padding-top: 0; + padding-bottom: 0; + } + } + } + + .ui-treetable-data { + > tr { + > td { + padding: nth($datatableBodyCellPadding,1) * $datatableScaleSm nth($datatableBodyCellPadding,2) * $datatableScaleSm; + } + } + } + + tfoot { + > tr { + > td { + padding: nth($datatableFooterCellPadding,1) * $datatableScaleSm nth($datatableFooterCellPadding,2) * $datatableScaleSm; + } + } + } + } + + &.ui-treetable-lg { + thead { + > tr { + > th { + padding: nth($datatableHeaderCellPadding,1) * $datatableScaleLg nth($datatableHeaderCellPadding,2) * $datatableScaleLg; + } + } + } + + .ui-treetable-scrollable-theadclone { + > tr { + > th { + padding-top: 0; + padding-bottom: 0; + } + } + } + + .ui-treetable-data { + > tr { + > td { + padding: nth($datatableBodyCellPadding,1) * $datatableScaleLg nth($datatableBodyCellPadding,2) * $datatableScaleLg; + } + } + } + + tfoot { + > tr { + > td { + padding: nth($datatableFooterCellPadding,1) * $datatableScaleLg nth($datatableFooterCellPadding,2) * $datatableScaleLg; + } + } + } + } + + &.ui-treetable-gridlines { + .ui-treetable-header { + border-width: 1px 1px 0; + } + + thead { + > tr { + > th { + border: $datatableHeaderCellBorder; + } + } + } + + .ui-treetable-data { + > tr { + > td { + border-width: 1px; + } + } + } + + .ui-treetable-scrollable-theadclone { + > tr { + > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; + } + } + } + + tfoot { + > tr { + > td { + border-width: 1px; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/file/_fileupload.scss b/src/main/resources/resources/layout/styles/theme/designer/components/file/_fileupload.scss new file mode 100644 index 0000000..a6f9ae8 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/file/_fileupload.scss @@ -0,0 +1,83 @@ +body { + .ui-fileupload { + .ui-fileupload-buttonbar { + border: $panelHeaderBorder; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + @include border-radius-top($borderRadius); + + .ui-button { + margin-right: $inlineSpacing; + + &.ui-fileupload-choose { + .ui-icon { + @include icon_override ("\e90d"); + } + } + + &.ui-fileupload-upload { + .ui-icon { + @include icon_override ("\e934"); + } + } + + &.ui-fileupload-cancel { + .ui-icon { + @include icon_override ("\e90b"); + } + } + + &.ui-state-disabled { + &:not(.ui-fileupload-choose) { + display: none; + } + } + } + } + + .ui-fileupload-content { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + border-top: 0 none; + @include border-radius-bottom($borderRadius); + + .ui-fileupload-cancel { + .ui-icon { + @include icon_override ("\e90b"); + } + } + + .ui-fileupload-files { + .ui-fileupload-row > div { + padding: $fileItemPadding; + } + } + } + } + + .ui-fileupload-simple { + .ui-icon-plusthick { + @include icon_override ("\e90d"); + } + } + + @media screen and (max-width: 40em) { + .ui-fileupload { + .ui-fileupload-buttonbar { + .ui-button { + &.ui-fileupload-choose, + &.ui-fileupload-upload, + &.ui-fileupload-cancel { + .ui-icon { + left: 50%; + margin-left: math.div(-1 * $iconSize, 2); + } + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_autocomplete.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_autocomplete.scss new file mode 100644 index 0000000..f463f19 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_autocomplete.scss @@ -0,0 +1,160 @@ +body { + .ui-autocomplete { + .ui-autocomplete-input { + &.ui-autocomplete-dd-input { + padding: $inputPadding; + @include border-radius-right(0); + } + } + + &.ui-state-loading { + .ui-icon-loading { + right: nth($inputPadding, 2); + } + + &.ui-autocomplete-dd { + .ui-icon-loading { + right: nth($inputPadding, 2) + $buttonIconOnlyWidth; + } + } + } + + .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: $inputButtonWidth; + right: auto; + @include border-radius-left(0); + + .ui-button-text { + padding: $buttonIconOnlyPadding; + } + + .ui-icon { + @include icon-override("\e902"); + } + } + + .ui-autocomplete-multiple-container { + padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); + + .ui-autocomplete-token { + padding: 1px 0; + margin: 0 $inlineSpacing 0 0; + background: $chipBg; + color: $chipTextColor; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: $borderRadius; + + .ui-autocomplete-token-label { + padding: 0 $iconSize * 2 0 math.div($iconSize, 2); + } + + .ui-autocomplete-token-icon { + margin-top: math.div(-1 * $iconSize, 2); + position: absolute; + @include icon_override("\e90b"); + } + } + + .ui-autocomplete-input-token { + margin: 0; + padding: math.div(nth($inputPadding, 1), 2) 0; + display: inline-block; + vertical-align: middle; + float: none; + + input { + font-family: $fontFamily; + font-size: $inputTextFontSize; + color: $inputTextColor; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + } + } + + &.ui-autocomplete-dd-multiple-container { + @include border-radius-right(0); + } + } + } + + .ui-autocomplete-panel { + padding: 0; + background: $inputListBg; + border: $inputOverlayBorder; + box-shadow: $inputOverlayShadow; + + .ui-autocomplete-emptyMessage, + .ui-autocomplete-empty-message { + border: $inputListItemBorder; + margin: $inputListItemMargin; + padding: $inputListItemPadding; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius; + } + + .ui-autocomplete-items { + padding: $inputListPadding; + line-height: normal; + border: 0 none; + + .ui-autocomplete-item { + border: $inputListItemBorder; + margin: $inputListItemMargin; + padding: $inputListItemPadding; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius; + transition: $transition; + + &.ui-autocomplete-row { + background: $datatableBodyRowBg; + color: $datatableBodyRowTextColor; + border: $datatableBodyRowBorder; + + > td { + padding: $datatableBodyCellPadding; + } + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + } + } + } + + .ui-autocomplete-itemtip { + padding: 0; + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + } + + .ui-fluid { + .ui-autocomplete { + .ui-autocomplete-input { + &.ui-autocomplete-dd-input { + width: calc(100% - #{$inputButtonWidth}); + } + } + + .ui-autocomplete-dropdown.ui-button { + width: $inputButtonWidth; + } + } + + .ui-autocomplete-multiple-container { + &.ui-autocomplete-dd-multiple-container { + width: calc(100% - #{$inputButtonWidth}); + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_cascadeselect.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_cascadeselect.scss new file mode 100644 index 0000000..ef4d0ae --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_cascadeselect.scss @@ -0,0 +1,95 @@ +body { + .ui-cascadeselect { + background: $inputBg; + border: $inputBorder; + transition: $transition; + border-radius: $borderRadius; + + &:not(.ui-state-disabled):hover { + border-color: $inputHoverBorderColor; + } + + &:not(.ui-state-disabled).ui-state-focus { + @include focused-input(); + } + + .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: $inputPadding; + + &.ui-placeholder { + color: $inputPlaceholderTextColor; + } + + &:enabled:focus { + outline: 0 none; + box-shadow: none; + } + } + + .ui-cascadeselect-trigger { + background: transparent; + color: $inputIconColor; + width: $inputGroupAddonMinWidth; + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + } + + .ui-cascadeselect-panel { + background: $inputListBg; + border: $inputOverlayBorder; + border-radius: $borderRadius; + box-shadow: $inputOverlayShadow; + + .ui-cascadeselect-items { + padding: $inputListPadding; + + .ui-cascadeselect-item { + margin: $inputListItemMargin; + border: $inputListItemBorder; + color: $inputListItemTextColor; + background: $inputListItemBg; + transition: $transition; + border-radius: $inputListItemBorderRadius; + + .ui-cascadeselect-item-content { + padding: $inputListItemPadding; + + &:focus { + @include focused-listitem(); + } + } + + &.ui-state-highlight { + color: $highlightTextColor; + background: $highlightBg; + } + + &:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: $inputListItemTextHoverColor; + background: $inputListItemHoverBg; + } + + .ui-cascadeselect-group-icon { + font-size: $iconSize; + } + } + } + } + + .ui-input-filled { + .ui-cascadeselect { + background: $inputFilledBg; + + &:not(.ui-state-disabled):hover { + background-color: $inputFilledHoverBg; + } + + &:not(.ui-state-disabled).p-focus { + background-color: $inputFilledFocusBg; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_checkbox.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_checkbox.scss new file mode 100644 index 0000000..7ab447b --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_checkbox.scss @@ -0,0 +1,92 @@ +body { + .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: $checkboxWidth; + height: $checkboxHeight; + + .ui-chkbox-box { + border: $inputBorder; + border-width: $checkboxBorderWidth; + background: $inputBg; + width: $checkboxWidth; + height: $checkboxHeight; + text-align: center; + position: relative; + border-radius: $borderRadius; + transition: $transition; + + &.ui-state-hover { + border-color: $inputHoverBorderColor; + } + + &.ui-state-focus { + box-shadow: $checkboxFocusShadow; + outline: 0 none; + } + + &.ui-state-active { + border-color:$checkboxActiveBorderColor; + background: $checkboxActiveBg; + color:$checkboxTextActiveColor; + + &.ui-state-hover { + background: $checkboxActiveHoverBg; + } + } + + &.ui-state-error { + @include invalid-input(); + } + + .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: math.div(-1 * $iconSize, 2); + margin-top: math.div(-1 * $iconSize, 2); + + &.ui-icon-check { + @include icon_override("\e909"); + } + + &.ui-icon-closethick { + @include icon_override("\e90b"); + } + } + } + } + + &.ui-input-filled, + .ui-input-filled { + .ui-chkbox { + .ui-chkbox-box { + background-color: $inputFilledBg; + + &.ui-state-hover { + background-color: $inputFilledHoverBg; + } + + &.ui-state-active { + background: $checkboxActiveBg; + + &.ui-state-hover { + background: $checkboxActiveHoverBg; + } + } + } + } + } + + @if ($highlightBg == $checkboxActiveBg) { + .ui-state-highlight { + .ui-chkbox { + .ui-chkbox-box.ui-state-active { + border-color: $highlightTextColor; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_chips.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_chips.scss new file mode 100644 index 0000000..38b2888 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_chips.scss @@ -0,0 +1,40 @@ +body { + .ui-chips { + .ui-chips-container { + padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); + + .ui-chips-token { + padding: 1px 0; + margin: math.div($inlineSpacing, 4); + background: $chipBg; + color: $chipTextColor; + border-radius: $borderRadius; + + .ui-chips-token-label { + padding: 0 $iconSize * 2 0 math.div($iconSize, 2); + } + + .ui-chips-token-icon { + margin-top: math.div(-1 * $iconSize, 2); + position: absolute; + @include icon_override("\e90c"); + } + } + + .ui-chips-input-token { + margin: 0; + padding: math.div(nth($inputPadding, 1), 2) 0; + + input { + font-family: $fontFamily; + font-size: $inputTextFontSize; + color: $inputTextColor; + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_colorpicker.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_colorpicker.scss new file mode 100644 index 0000000..0bb67bb --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_colorpicker.scss @@ -0,0 +1,10 @@ +body { + .ui-colorpicker .ui-button { + border-radius: $borderRadius; + } + + .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_datepicker.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_datepicker.scss new file mode 100644 index 0000000..1dfaf10 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_datepicker.scss @@ -0,0 +1,298 @@ +body { + .ui-datepicker { + background: $inputContentPanelBg; + border: $inputBorder; + color: $inputContentPanelTextColor; + padding: $calendarPadding; + width: auto; + border-radius: $borderRadius; + + .ui-datepicker-header { + margin: 0; + padding: $calendarTitlePadding; + line-height: normal; + background: $calendarTitleBg; + color: $calendarTitleTextColor; + font-weight: 600; + border: $calendarTitleBorder; + border-width: $calendarTitleBorderWidth; + border-radius: 0; + } + + .ui-datepicker-next { + @include icon_override("\e901"); + right: 0; + } + + .ui-datepicker-prev { + @include icon_override("\e900"); + left: 0; + } + + .ui-datepicker-next, + .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: math.div(-1 * $actionIconHeight, 2); + @include action-icon(); + + span { + display: none; + } + } + + .ui-datepicker-title { + line-height: 1; + margin: 0; + + select { + width: 40%; + margin: 0; + + &:first-child { + margin-right: $inlineSpacing; + } + } + } + + .ui-datepicker-calendar { + margin: $calendarTableMargin; + + th { + padding: $calendarCellPadding; + text-align: center; + + > span { + width: $calendarCellDateWidth; + height: $calendarCellDateHeight; + } + } + + td { + padding: $calendarCellPadding; + text-align: center; + + > a { + &:hover { + background: $calendarCellDateHoverBg; + border-color: $calendarCellDateHoverBorderColor; + } + } + + > a, + > span { + padding: 0; + color: $calendarCellDateTextColor; + text-align: center; + width: $calendarCellDateWidth; + height: $calendarCellDateHeight; + line-height: $calendarCellDateHeight; + border: $calendarCellDateBorder; + display: inline-block; + transition: $transition; + border-radius: $calendarCellDateBorderRadius; + + &:focus { + @include focused(); + } + + &.ui-state-active { + background: $calendarCellDateSelectedBg; + color: $calendarCellDateSelectedTextColor; + border: $calendarCellDateSelectedBorder; + } + } + + &.ui-datepicker-today, + &.ui-datepicker-current-day { + > a { + &:hover { + background: $calendarCellDateHoverBg; + border-color: $calendarCellDateHoverBorderColor; + } + } + + > a, + > span { + background: $calendarCellDateTodayBg; + color: $calendarCellDateTodayTextColor; + font-weight: 600; + border: $calendarCellDateTodayBorder; + + &.ui-state-active { + background: $calendarCellDateSelectedBg; + color: $calendarCellDateSelectedTextColor; + border: $calendarCellDateSelectedBorder; + } + } + } + } + } + + &.ui-input-overlay { + border: $inputOverlayBorder; + box-shadow: $inputOverlayShadow; + } + + .ui-timepicker-div { + dl { + margin: $calendarTimePickerMargin; + + dt { + padding: $calendarTimePickerLabelPadding; + + &.ui_tpicker_time_label { + padding: $calendarTimePickerInputPadding; + } + } + + dd { + padding: $calendarTimePickerInputPadding; + margin: $calendarTimePickerInputMargin; + } + } + } + + .ui-timepicker-timeinput { + input { + color: $inputTextColor; + background: $inputBg; + padding: $inputPadding; + border: $inputBorder; + outline: 0 none; + font-size: $inputTextFontSize; + border-radius: $borderRadius; + transition: $transition; + -webkit-appearance: none; + appearance: none; + width: auto; + + &:hover { + border-color: $inputHoverBorderColor; + } + + &:focus { + @include focused-input(); + } + } + + .ui-separator { + > span { + padding: $inputPadding; + font-size: $inputTextFontSize; + } + } + } + + .ui-datepicker-buttonpane, + .ui-datepicker-buttonbar { + button { + transition: $transition; + border-radius: $borderRadius; + @include secondary-button(); + } + + .ui-g-6:first-child { + text-align: left; + } + + .ui-g-6:last-child { + text-align: right; + } + } + + .ui-datepicker-buttonbar { + border-top: $calendarTitleBorder; + padding: $calendarButtonBarPadding; + } + + .ui-monthpicker-month { + margin: $calendarTableMargin; + color: $calendarCellDateTextColor; + transition: $transition; + padding: $calendarCellPadding; + border: $borderRadius; + + &:hover { + background: $calendarCellDateHoverBg; + border-color: $calendarCellDateHoverBorderColor; + } + + &:focus { + @include focused(); + } + + &.ui-state-active { + background: $calendarCellDateSelectedBg; + color: $calendarCellDateSelectedTextColor; + border: $calendarCellDateSelectedBorder; + } + } + + .ui-datepicker-group { + padding: $calendarPadding; + } + + .ui-picker-up { + @include action-icon(); + + .ui-icon { + @include icon_override("\e903"); + } + } + + .ui-picker-down { + @include action-icon(); + + .ui-icon { + @include icon_override("\e902"); + } + } + + &.ui-datepicker-multi { + width: auto !important; + } + } + + .ui-calendar { + .ui-button.ui-button-icon-only { + width: $inputButtonWidth; + @include border-radius-left(0); + + .ui-icon-calendar { + @include icon_override("\e927"); + } + } + + &.ui-trigger-calendar { + input.hasDatepicker { + @include border-radius-right(0); + } + } + } + + .ui-fluid { + .ui-trigger-calendar { + input.hasDatepicker { + width: calc(100% - #{$inputButtonWidth}); + padding-right: 0; + } + + .ui-datepicker-trigger.ui-button { + position: absolute; + right: -1 * $inputButtonWidth; + width: $inputButtonWidth; + + .ui-button-text { + padding: $buttonIconOnlyPadding; + } + } + } + + .p-datepicker { + .ui-datepicker-trigger.ui-button { + right: 0; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_inplace.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_inplace.scss new file mode 100644 index 0000000..3c9f10a --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_inplace.scss @@ -0,0 +1,41 @@ +body { + .ui-inplace { + .ui-inplace-display { + padding: $inplacePadding; + border-radius: $borderRadius; + + &.ui-state-highlight { + background: $inplaceHoverBg; + color: $inplaceTextHoverColor; + transition: $transition; + } + + &.ui-state-focus { + @include focused-input(); + } + } + + .ui-inplace-save { + .ui-icon { + @include icon_override("\e909"); + } + } + + .ui-inplace-cancel { + margin-left: math.div($inlineSpacing, 2); + .ui-icon { + @include icon_override("\e90b"); + } + } + + .ui-inplace-editor { + margin-left: $inlineSpacing; + + .ui-button-icon-only { + .ui-button-text { + padding: $buttonIconOnlyPadding; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_input.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_input.scss new file mode 100644 index 0000000..a1af2a8 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_input.scss @@ -0,0 +1,115 @@ +body { + @include placeholder { + color: $inputPlaceholderTextColor; + } + + .p-field, + .field { + small.ui-state-error { + color: $inputErrorBorderColor; + } + } + + .ui-float-label { + > label { + margin-left: nth($inputPadding, 1); + color: $inputPlaceholderTextColor; + } + + > input:focus ~ label, + > input.ui-state-filled ~ label, + > textarea:focus ~ label, + > textarea.ui-state-filled ~ label, + > .ui-inputwrapper-focus ~ label, + > .ui-inputwrapper-filled ~ label { + color: $inputTextColor; + } + + > input:-webkit-autofill ~ label, + > textarea:-webkit-autofill ~ label { + color: $inputTextColor; + } + } + + .ui-input-icon-left, + .ui-input-icon-right { + position: relative; + display: inline-block; + } + + .ui-fluid { + .ui-input-icon-left, + .ui-input-icon-right { + display: block; + } + } + + .ui-input-icon-left > i, + .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -.5rem; + } + + .ui-input-icon-left > i:first-of-type { + left: nth($inputPadding, 2); + color: $inputIconColor; + } + + .ui-input-icon-left > .ui-inputfield { + padding-left: 2 * nth($inputPadding, 2) + $iconSize; + } + + .ui-input-icon-right > i:last-of-type { + right: nth($inputPadding, 2); + color: $inputIconColor; + } + + .ui-input-icon-right > .ui-inputfield { + padding-right: 2 * nth($inputPadding, 2) + $iconSize; + } + + .ui-inputfield { + color: $inputTextColor; + background: $inputBg; + padding: $inputPadding; + border: $inputBorder; + outline: 0 none; + font-size: $inputTextFontSize; + border-radius: $borderRadius; + transition: $transition; + -webkit-appearance: none; + appearance: none; + + &.ui-state-hover { + border-color: $inputHoverBorderColor; + } + + &.ui-state-focus { + @include focused-input(); + } + + &.ui-state-error { + @include invalid-input(); + } + } + + .ui-input-filled, + &.ui-input-filled { + .ui-inputfield { + background-color: $inputFilledBg; + + &.ui-state-hover { + background-color: $inputFilledHoverBg; + } + + &.ui-state-focus { + background-color: $inputFilledFocusBg; + } + } + } + + .ui-inputtextarea { + vertical-align: top; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_inputgroup.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_inputgroup.scss new file mode 100644 index 0000000..a67f477 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_inputgroup.scss @@ -0,0 +1,67 @@ +body { + .ui-inputgroup { + .ui-inputgroup-addon, + .ui-inputgroup-addon-checkbox { + padding: $inputPadding; + border-color: $inputGroupBorderColor; + background: $inputGroupBg; + color: $inputGroupIconColor; + min-width: $inputGroupAddonMinWidth; + + &:first-child { + @include border-radius-left($borderRadius); + } + + &:last-child { + @include border-radius-right($borderRadius); + } + } + + button:first-child, input:first-child, textarea:first-child { + @include border-radius-left($borderRadius); + } + + .ui-float-label:first-child input, + .ui-float-label:first-child textarea { + border-right-width: 0px; + @include border-radius-left($borderRadius); + } + + button:last-child, input:last-child, textarea:last-child { + @include border-radius-right($borderRadius); + } + + .ui-float-label:last-child input, + .ui-float-label:last-child textarea { + border-left-width: 0px; + @include border-radius-right($borderRadius); + } + + > .ui-widget, + > .ui-float-label > .ui-widget { + border-radius: 0; + + &.ui-state-focus { + z-index: 1; + + ~ label { + z-index: 1; + } + } + } + + .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; + + .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: math.div(-1 * $checkboxHeight, 2); + margin-left: math.div(-1 * $checkboxWidth, 2); + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_inputswitch.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_inputswitch.scss new file mode 100644 index 0000000..3a69266 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_inputswitch.scss @@ -0,0 +1,45 @@ +body { + .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: $inputSwitchOffBg; + border-radius: 8px; + + .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: $inputSwitchHandleOffBg; + border-radius: 50%; + border: $inputSwitchHandleOffBorder; + transition: $transition; + width: 20px !important; + height: 20px !important; + box-shadow: $inputSwitchHandleShadow; + + &.ui-state-focus { + @include focused-input(); + } + } + + .ui-inputswitch-on { + visibility: hidden; + } + + .ui-inputswitch-off, .ui-inputswitch-on { + span { + visibility: hidden; + } + } + + &.ui-inputswitch-checked { + background: $inputSwitchOnBg; + + .ui-inputswitch-handle { + background: $inputSwitchHandleOnBg; + border-color: $inputSwitchHandleOnBorderColor; + margin-left: 2px; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_keypad.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_keypad.scss new file mode 100644 index 0000000..128bf6d --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_keypad.scss @@ -0,0 +1,63 @@ +body { + .keypad-popup { + background: $inputContentPanelBg; + color: $inputContentPanelTextColor; + padding: 0; + border: $inputOverlayBorder; + margin: 0; + width: auto; + box-shadow: $inputOverlayShadow; + + button { + background: $keyboardButtonBg; + border: $keyboardButtonBorder; + padding: $keyboardButtonPadding; + margin: $keyboardButtonMargin; + outline: 0 none; + color: $keyboardButtonTextColor; + transition: $transition; + border-radius: $borderRadius; + + &.ui-state-hover { + background: $keyboardButtonHoverBg; + border-color: $keyboardButtonHoverBorderColor; + color: $keyboardButtonTextHoverColor; + } + + &.ui-state-active { + background: $keyboardButtonActiveBg; + border-color: $keyboardButtonActiveBorderColor; + color: $keyboardButtonTextActiveColor; + } + + &.keypad-shift, + &.keypad-spacebar, + &.keypad-enter, + &.keypad-clear, + &.keypad-back, + &.keypad-close { + background: $buttonBg; + color: $buttonTextColor; + border: $buttonBorder; + + &.ui-state-hover { + background: $buttonHoverBg; + border-color: $buttonHoverBorderColor; + color: $buttonTextHoverColor; + } + + &.ui-state-focus { + outline: $buttonFocusOutline; + outline-offset: $buttonFocusOutlineOffset; + box-shadow: $buttonFocusShadow; + } + + &.ui-state-active { + background: $buttonActiveBg; + border-color: $buttonActiveBorderColor; + color: $buttonTextActiveColor; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_multiselectlistbox.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_multiselectlistbox.scss new file mode 100644 index 0000000..2563780 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_multiselectlistbox.scss @@ -0,0 +1,43 @@ +body { + .ui-multiselectlistbox { + .ui-multiselectlistbox-listcontainer { + margin-right: $inlineSpacing; + border: $inputBorder; + padding: 0; + + .ui-multiselectlistbox-header { + padding: $inputListHeaderPadding; + margin: 0; + border: 0 none; + border-bottom: $inputListHeaderBorder; + background: $inputListHeaderBg; + color: $inputListHeaderTextColor; + } + + .ui-multiselectlistbox-list { + padding: $inputListPadding; + background: $inputListBg; + border: 0 none; + + .ui-multiselectlistbox-item { + padding: $inputListItemPadding; + margin: $inputListItemMargin; + background: $inputListItemBg; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius; + transition: $transition; + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_password.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_password.scss new file mode 100644 index 0000000..20becfd --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_password.scss @@ -0,0 +1,31 @@ +body { + .ui-password { + .ui-password-icon { + cursor: pointer; + } + + &.ui-password-masked { + .ui-password-icon { + @include icon_override ("\e966"); + } + } + + &.ui-password-unmasked { + .ui-password-icon { + @include icon_override ("\e965"); + } + } + } + + .ui-password-panel { + background: $inputContentPanelBg; + color: $inputContentPanelTextColor; + padding: $inputContentPanelPadding; + border: $inputOverlayBorder; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: $inputOverlayShadow; + border-radius: $borderRadius; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_radiobutton.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_radiobutton.scss new file mode 100644 index 0000000..82a8368 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_radiobutton.scss @@ -0,0 +1,94 @@ +body { + .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: $radiobuttonWidth; + height: $radiobuttonHeight; + + .ui-radiobutton-box { + border: $inputBorder; + border-width: $radiobuttonBorderWidth; + background: $inputBg; + width: $radiobuttonWidth; + height: $radiobuttonHeight; + text-align: center; + position: relative; + border-radius: 50%; + transition: $transition; + + &.ui-state-hover { + border-color: $inputHoverBorderColor; + } + + &.ui-state-focus { + box-shadow: $radiobuttonFocusShadow; + } + + &.ui-state-active { + border-color:$radiobuttonActiveBorderColor; + background: $radiobuttonActiveBg; + color:$radiobuttonTextActiveColor; + + &.ui-state-hover { + background: $radiobuttonActiveHoverBg; + } + + .ui-icon-bullet { + background: $radiobuttonTextActiveColor; + } + } + + &.ui-state-error { + @include invalid-input(); + } + + .ui-radiobutton-icon { + width: $radiobuttonIconSize; + height: $radiobuttonIconSize; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: math.div(-1 * $radiobuttonIconSize, 2); + margin-left: math.div(-1 * $radiobuttonIconSize, 2); + border-radius: 50%; + + &:before { + display: none; + } + } + } + } + + &.ui-input-filled, + .ui-input-filled { + .ui-radiobutton { + .ui-radiobutton-box { + background-color: $inputFilledBg; + + &.ui-state-hover { + background-color: $inputFilledHoverBg; + } + + &.ui-state-active { + background: $radiobuttonActiveBg; + + &.ui-state-hover { + background: $radiobuttonActiveHoverBg; + } + } + } + } + } + + @if ($highlightBg == $radiobuttonActiveBg) { + .ui-state-highlight { + .ui-radiobutton { + .ui-radiobutton-box.ui-state-active { + border-color: $highlightTextColor; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_rating.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_rating.scss new file mode 100644 index 0000000..dbd17ab --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_rating.scss @@ -0,0 +1,75 @@ +body { + .ui-rating { + .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: $inlineSpacing; + overflow: visible; + + &.ui-state-focus { + @include focused(); + } + + a { + @include icon_override("\e90c"); + text-indent: 0; + transition: $transition; + display: block; + font-size: $ratingIconFontSize; + height: $ratingIconHeight; + width: $ratingIconWidth; + color: $ratingCancelIconColor; + overflow: visible; + + &:hover { + color: $ratingCancelHoverIconColor; + } + } + } + + .ui-rating-star { + float: none; + display: inline-block; + margin-right: $inlineSpacing; + overflow: visible; + + &.ui-state-focus { + @include focused(); + } + + a { + @include icon_override("\e937"); + text-indent: 0; + display: block; + font-size: $ratingIconFontSize; + height: $ratingIconHeight; + width: $ratingIconWidth; + color: $ratingStarIconColor; + overflow: visible; + + &:hover { + color: $ratingStarIconHoverColor; + } + } + } + + .ui-rating-star-on { + a { + @include icon_override("\e936"); + display: block; + font-size: $ratingIconFontSize; + height: $ratingIconHeight; + width: $ratingIconWidth; + color: $ratingStarActiveIconColor; + } + } + } + + .ui-state-highlight { + .ui-rating-star { + a { + color: $highlightTextColor; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_selectbooleancheckbox.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_selectbooleancheckbox.scss new file mode 100644 index 0000000..d4b3a96 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_selectbooleancheckbox.scss @@ -0,0 +1,9 @@ +body { + .ui-selectbooleancheckbox, + .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + @include flex-align-center(); + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_selectcheckboxmenu.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_selectcheckboxmenu.scss new file mode 100644 index 0000000..61d5779 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_selectcheckboxmenu.scss @@ -0,0 +1,213 @@ +body { + .ui-selectcheckboxmenu { + vertical-align: baseline; + border: $inputBorder; + position: relative; + transition: $transition; + border-radius: $borderRadius; + background: $inputBg; + + .ui-selectcheckboxmenu-label-container { + padding: $inputPadding; + padding-right: $buttonIconOnlyWidth; + display: block; + background: transparent; + border-radius: $borderRadius; + + .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; + } + } + + .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + @include flex(); + @include flex-align-center(); + @include flex-justify-center(); + width: $buttonIconOnlyWidth; + background: transparent; + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + + .ui-icon { + position: static; + margin: 0; + color: $inputIconColor; + @include icon_override("\e902"); + } + } + + &.ui-state-hover { + border-color: $inputHoverBorderColor; + } + + &.ui-state-focus { + @include focused-input(); + } + + &.ui-state-error { + @include invalid-input(); + } + + .ui-selectcheckboxmenu-multiple-container { + &.ui-inputfield { + padding: $inputPadding; + padding-right: $buttonIconOnlyWidth; + } + + .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 $inlineSpacing 0 0; + background: $chipBg; + color: $chipTextColor; + border-radius: $borderRadius; + + .ui-selectcheckboxmenu-token-label { + padding: 0 $iconSize * 2 0 math.div($iconSize, 2); + } + + .ui-selectcheckboxmenu-token-icon { + margin-top: math.div(-1 * $iconSize, 2); + position: absolute; + @include icon_override("\e90b"); + } + } + + .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: math.div(nth($inputPadding,1), 2) 0; + + input { + font-family: $fontFamily; + padding: 0; + margin: 0; + } + } + } + } + + &.ui-input-filled, + .ui-input-filled { + .ui-selectcheckboxmenu { + background: $inputFilledBg; + + &.ui-state-hover { + background-color: $inputFilledHoverBg; + } + + &.ui-state-focus { + background-color: $inputFilledFocusBg; + } + } + } + + .ui-selectcheckboxmenu-panel { + padding: 0; + background: $inputListBg; + border: $inputOverlayBorder; + box-shadow: $inputOverlayShadow; + border-radius: $borderRadius; + + .ui-selectcheckboxmenu-header { + padding: $inputListHeaderPadding; + margin: 0; + border-bottom: $inputListHeaderBorder; + background: $inputListHeaderBg; + color: $inputListHeaderTextColor; + position: relative; + @include flex(); + @include flex-align-center(); + + .ui-chkbox { + margin-right: $inlineSpacing; + float: none; + } + + .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 $inlineSpacing 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; + + .ui-inputfield { + padding: $inputPadding; + width: 100%; + padding-left: 2 * nth($inputPadding, 2) + $iconSize; + } + + .ui-icon { + @include icon_override("\e908"); + position: absolute; + left: nth($inputPadding, 2); + top: 50%; + right: auto; + bottom: auto; + margin-top: math.div(-1 * $iconSize, 2); + color: $inputIconColor; + } + } + + .ui-selectcheckboxmenu-close { + @include action-icon(); + margin-left: auto; + text-align: center; + margin-right: 0; + + .ui-icon { + @include icon_override("\e90b"); + float: none; + } + } + } + + .ui-selectcheckboxmenu-items { + padding: $inputListPadding; + + .ui-selectcheckboxmenu-item { + padding: $inputListItemPadding; + margin: $inputListItemMargin; + outline: 0 none; + background: $inputListItemBg; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius; + transition: $transition; + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + + .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: $inlineSpacing; + } + + > label { + display: inline; + padding-left: 0; + vertical-align: middle; + } + } + + .ui-selectcheckboxmenu-item-group { + background: $submenuHeaderBg; + margin: $submenuHeaderMargin; + padding: $submenuHeaderPadding; + color: $submenuHeaderTextColor; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_selectonelistbox.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_selectonelistbox.scss new file mode 100644 index 0000000..2abe3fe --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_selectonelistbox.scss @@ -0,0 +1,89 @@ +body { + .ui-selectonelistbox, + .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: $inputListMinWidth; + border: $inputListBorder; + border-radius: $borderRadius; + background:$inputListBg; + + .ui-selectlistbox-filter-container { + padding: $inputListHeaderPadding; + margin: 0; + border-bottom: $inputListHeaderBorder; + background: $inputListHeaderBg; + color: $inputListHeaderTextColor; + @include border-radius-top($borderRadius); + + .ui-selectlistbox-filter.ui-inputfield { + padding: $inputPadding; + width: 100%; + padding-left: 2 * nth($inputPadding, 2) + $iconSize; + } + + .ui-icon { + @include icon_override("\e908"); + position: absolute; + left: nth($inputListHeaderPadding, 2) + nth($inputPadding, 2); + top: 50%; + right: auto; + bottom: auto; + margin-top: math.div(-1 * $iconSize, 2); + color: $inputIconColor; + } + } + + .ui-selectlistbox-listcontainer { + padding: $inputListPadding; + line-height: normal; + border: 0 none; + + .ui-selectlistbox-list { + list-style-type: none; + margin: 0; + + .ui-selectlistbox-item { + border: $inputListItemBorder; + margin: $inputListItemMargin; + padding: $inputListItemPadding; + background: $inputListItemBg; + color: $inputListItemTextColor; + border-radius: $inputListItemBorderRadius; + transition: $transition; + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + } + + .ui-chkbox { + margin-right: $inlineSpacing; + vertical-align: middle; + } + + > td { + padding: $datatableBodyCellPadding; + } + } + + .ui-listbox-outline { + @include focused-listitem(); + } + } + } + } + + .ui-input-filled, + &.ui-input-filled { + .ui-selectonelistbox.ui-inputfield, + .ui-selectmanymenu.ui-inputfield { + background: $inputListBg; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_selectonemenu.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_selectonemenu.scss new file mode 100644 index 0000000..b6cea0f --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_selectonemenu.scss @@ -0,0 +1,167 @@ +body { + .ui-selectonemenu { + vertical-align: middle; + border: $inputBorder; + position: relative; + transform: none; + padding: 0; + transition: $transition; + border-radius: $borderRadius; + background: $inputBg; + + .ui-selectonemenu-label { + background: transparent; + padding-right: $buttonIconOnlyWidth; + /*min-height: calc(#{(nth($inputPadding, 1) * 4)} + 3px);*/ + } + + .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + @include flex(); + @include flex-align-center(); + @include flex-justify-center(); + width: $buttonIconOnlyWidth; + background: transparent; + border-top-right-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + + .ui-icon { + position: static; + margin: 0; + color: $inputIconColor; + @include icon_override("\e902"); + } + } + + &.ui-state-hover { + border-color: $inputHoverBorderColor; + } + + &.ui-state-focus { + @include focused-input(); + } + + &.ui-state-error { + @include invalid-input(); + } + } + + .ui-fluid { + .ui-selectonemenu-label { + width: calc(100% - #{$buttonIconOnlyWidth}); + padding: $inputPadding; + } + .ui-selectonemenu { + .ui-selectonemenu-trigger { + width: $buttonIconOnlyWidth; + padding: 0; + } + } + } + + &.ui-input-filled, + .ui-input-filled { + .ui-selectonemenu { + background: $inputFilledBg; + + &.ui-state-hover { + background-color: $inputFilledHoverBg; + } + + &.ui-state-focus { + background-color: $inputFilledFocusBg; + } + } + } + + .ui-selectonemenu-panel { + background: $inputListBg; + border: $inputOverlayBorder; + box-shadow: $inputOverlayShadow; + border-radius: $borderRadius; + + .ui-selectonemenu-filter-container { + padding: $inputListHeaderPadding; + margin: 0; + border-bottom: $inputListHeaderBorder; + background: $inputListHeaderBg; + color: $inputListHeaderTextColor; + + .ui-selectonemenu-filter.ui-inputfield { + padding: $inputPadding; + width: 100%; + padding-left: 2 * nth($inputPadding, 2) + $iconSize; + } + + .ui-icon { + @include icon_override("\e908"); + position: absolute; + left: nth($inputListHeaderPadding, 2) + nth($inputPadding, 2); + top: 50%; + right: auto; + bottom: auto; + margin-top: math.div(-1 * $iconSize, 2); + color: $inputIconColor; + } + } + + .ui-selectonemenu-items { + padding: $inputListPadding; + + &.ui-selectonemenu-table { + > thead tr th { + background: $panelHeaderBg; + border: $datatableHeaderCellBorder; + color: $panelHeaderTextColor; + font-weight: $panelHeaderFontWeight; + } + } + + .ui-selectonemenu-item { + margin: $inputListItemMargin; + padding: $inputListItemPadding; + background: $inputListItemBg; + color: $inputListItemTextColor; + outline: 0 none; + border-radius: $inputListItemBorderRadius; + transition: $transition; + + &.ui-selectonemenu-row { + background: $datatableBodyRowBg; + color: $datatableBodyRowTextColor; + border: $datatableBodyRowBorder; + + > td { + padding: $datatableBodyCellPadding; + } + + &:first-child { + border-top-color: transparent; + } + } + + &.ui-state-hover { + background: $inputListItemHoverBg; + color: $inputListItemTextHoverColor; + } + + &.ui-state-highlight { + background: $inputListItemHighlightBg; + color: $inputListItemHighlightTextColor; + overflow: auto; + } + } + + .ui-selectonemenu-item-group { + background: $submenuHeaderBg; + margin: $submenuHeaderMargin; + padding: $submenuHeaderPadding; + color: $submenuHeaderTextColor; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_slider.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_slider.scss new file mode 100644 index 0000000..09a81a9 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_slider.scss @@ -0,0 +1,49 @@ +body { + .ui-slider { + background: $sliderBg; + + .ui-slider-handle { + width: $sliderHandleWidth; + height: $sliderHandleHeight; + background: $sliderHandleBg; + border:$sliderHandleBorder; + transition: $transition; + border-radius: $sliderHandleBorderRadius; + + &.ui-state-hover { + border-color: $sliderHandleHoverBorderColor; + background: $sliderHandleHoverBg; + } + + &.ui-state-focus { + outline: 0 none; + } + } + + &.ui-slider-horizontal { + height: $sliderHeight; + + .ui-slider-handle { + top: math.div(-1 * $sliderHandleHeight, 2) + math.div($sliderHeight, 2); + margin-left: math.div(-1 * $sliderHandleWidth, 2); + } + } + + &.ui-slider-vertical { + width: $sliderWidth; + + .ui-slider-handle { + left: math.div(-1 * $sliderHandleWidth, 2) + math.div($sliderWidth, 2); + margin-top: math.div(-1 * $sliderHandleHeight, 2); + } + } + + .ui-slider-range { + background: $sliderRangeBg; + } + } + + .ui-inputtext + .ui-slider { + margin-bottom: $inlineSpacing; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_spinner.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_spinner.scss new file mode 100644 index 0000000..9b0c408 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_spinner.scss @@ -0,0 +1,46 @@ +body { + .ui-spinner { + .ui-spinner-input { + padding-right: $buttonIconOnlyWidth + $inlineSpacing; + } + + .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: $buttonIconOnlyWidth; + z-index: 1; + + .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: math.div(-1 * $iconSize, 2); + margin-top: math.div(-1 * $iconSize, 2); + } + + &.ui-spinner-up { + border-top-right-radius: $borderRadius; + + .ui-icon-triangle-1-n { + @include icon_override ("\e933"); + } + } + + &.ui-spinner-down { + border-bottom-right-radius: $borderRadius; + + .ui-icon-triangle-1-s { + @include icon_override ("\e930"); + } + } + } + } + + .ui-fluid { + .ui-spinner { + .ui-spinner-input { + padding-right: $buttonIconOnlyWidth + $inlineSpacing; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_texteditor.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_texteditor.scss new file mode 100644 index 0000000..3ec64bc --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_texteditor.scss @@ -0,0 +1,131 @@ +.ui-texteditor { + .ui-editor-toolbar { + background: $editorToolbarBg; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + + &.ql-snow { + border: $editorToolbarBorder; + + .ql-stroke { + stroke: $editorToolbarIconColor; + } + + .ql-fill { + fill: $editorToolbarIconColor; + } + + .ql-picker { + .ql-picker-label { + border: 0 none; + color: $editorToolbarIconColor; + + &:hover { + color: $editorToolbarIconHoverColor; + + .ql-stroke { + stroke: $editorToolbarIconHoverColor; + } + + .ql-fill { + fill: $editorToolbarIconHoverColor; + } + } + } + + &.ql-expanded { + .ql-picker-label { + color: $editorToolbarIconHoverColor; + + .ql-stroke { + stroke: $editorToolbarIconHoverColor; + } + + .ql-fill { + fill: $editorToolbarIconHoverColor; + } + } + + .ql-picker-options { + background: $inputListBg; + border:$inputOverlayBorder; + box-shadow:$inputOverlayShadow; + border-radius: $borderRadius; + padding: $inputListPadding; + + .ql-picker-item { + color: $inputListItemTextColor; + + &:hover { + color: $inputListItemTextHoverColor; + background: $inputListItemHoverBg; + } + } + } + + &:not(.ql-icon-picker) { + .ql-picker-item { + padding: $inputListItemPadding; + } + } + } + } + } + } + + .ql-container { + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + + &.ql-snow { + border: $editorContentBorder; + } + + .ql-editor { + background: $inputBg; + color: $inputTextColor; + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + } + + .ql-snow.ql-toolbar button:hover, + .ql-snow.ql-toolbar button:focus { + color: $editorToolbarIconHoverColor; + + .ql-stroke { + stroke: $editorToolbarIconHoverColor; + } + + .ql-fill { + fill: $editorToolbarIconHoverColor; + } + } + + .ql-snow.ql-toolbar button.ql-active, + .ql-snow.ql-toolbar .ql-picker-label.ql-active, + .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: $editorIconActiveColor; + + .ql-stroke { + stroke: $editorIconActiveColor; + } + + .ql-fill { + fill: $editorIconActiveColor; + } + + .ql-picker-label { + color: $editorIconActiveColor; + } + } + + &.ui-state-error { + .ui-editor-toolbar, + .ql-container { + &.ql-snow { + border-color: $errorColor; + } + } + } +} diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/input/_toggleswitch.scss b/src/main/resources/resources/layout/styles/theme/designer/components/input/_toggleswitch.scss new file mode 100644 index 0000000..9adca62 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/input/_toggleswitch.scss @@ -0,0 +1,74 @@ +body { + .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; + + .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: $inputSwitchOffBg; + transition: $transition; + border: $inputSwitchBorder; + border-width: $inputSwitchBorderWidth; + border-radius: $inputSwitchBorderRadius; + + &.ui-state-error { + @include invalid-input(); + } + } + + .ui-toggleswitch-slider:before, + .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: $inputSwitchHandleOffBg; + color: $inputSwitchHandleOffTextColor; + width: 1.250rem; + height: 1.250rem; + left: calc(.25rem - #{$inputSwitchBorderWidth}); + margin-top: math.div(-1 * 1.250rem, 2); + border-radius: $inputSwitchHandleBorderRadius; + transition: all $transitionDuration; + font-size: math.div(1.250rem, 2); + line-height: 1.250rem; + } + + .ui-toggleswitch-handler { + span { + font-size: math.div(1.250rem, 2); + line-height: 1.250rem; + } + } + + &.ui-toggleswitch-checked { + .ui-toggleswitch-slider:before, + .ui-toggleswitch-handler { + color: $inputSwitchHandleOnTextColor; + transform: translateX(1.250rem); + } + } + + &.ui-toggleswitch-focus { + .ui-toggleswitch-slider { + @include focused(); + } + } + + &.ui-toggleswitch-checked { + .ui-toggleswitch-slider { + background: $inputSwitchOnBg; + + &:before, + .ui-toggleswitch-handler { + background: $inputSwitchHandleOnBg; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/menu/_breadcrumb.scss b/src/main/resources/resources/layout/styles/theme/designer/components/menu/_breadcrumb.scss new file mode 100644 index 0000000..1f9e980 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/menu/_breadcrumb.scss @@ -0,0 +1,87 @@ +body { + .ui-breadcrumb { + background: $breadcrumbBg; + border: $breadcrumbBorder; + border-radius: $borderRadius; + padding: $breadcrumbPadding; + + @mixin breadcrumb-item-content { + .ui-menuitem-link { + transition: $transition; + border-radius: $borderRadius; + margin: 0; + + &:focus { + @include focused(); + } + + .ui-menuitem-text { + color: $breadcrumbItemTextColor; + } + + .ui-menuitem-icon { + color: $breadcrumbItemIconColor; + } + } + + &.ui-breadcrumb-chevron { + @include icon_override("\e901"); + margin: 0 $inlineSpacing 0 $inlineSpacing; + color: $breadcrumbSeparatorColor; + } + + &:not(.ui-breadcrumb-chevron) { + @include flex(); + @include flex-align-center(); + @include icon-override-with-content("\e901") { + margin: 0 $inlineSpacing 0 $inlineSpacing; + color: $breadcrumbSeparatorColor; + } + } + + &:first-child { + &:not(.ui-breadcrumb-chevron):before { + display: none; + } + + a.ui-icon-home { + @include icon_override("\e925"); + color: $breadcrumbItemIconColor; + margin: 0; + + span { + display: none; + } + } + } + + &:last-child { + .ui-menuitem-link { + .ui-menuitem-text { + color: $breadcrumbLastItemTextColor; + } + + .ui-menuitem-icon { + color: $breadcrumbLastItemIconColor; + } + } + } + } + + ul { + li { + float: none; + display: inline-block; + vertical-align: middle; + + @include breadcrumb-item-content; + } + } + + .ui-breadcrumb-items { + li { + @include breadcrumb-item-content; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/menu/_menu.scss b/src/main/resources/resources/layout/styles/theme/designer/components/menu/_menu.scss new file mode 100644 index 0000000..aa6f3b2 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/menu/_menu.scss @@ -0,0 +1,299 @@ +body { + .ui-menu { + padding: $verticalMenuPadding; + background: $menuBg; + border: $menuBorder; + border-radius: $borderRadius; + + &.ui-shadow { + border: $overlayContentBorder; + box-shadow: $overlayMenuShadow; + } + + &.ui-menu-toggleable { + .ui-menu-list { + .ui-widget-header { + .ui-icon { + position: static; + margin-right: $inlineSpacing; + } + + .ui-icon-triangle-1-e { + @include icon_override("\e901"); + } + + .ui-icon-triangle-1-s { + @include icon_override("\e902"); + } + + h3 { + font-size: $fontSize; + padding-left: 0; + } + } + } + } + + .ui-menu-list { + .ui-widget-header { + margin: $submenuHeaderMargin; + width: 100%; + background: $submenuHeaderBg; + color: $submenuHeaderTextColor; + float: none; + border: $submenuHeaderBorder; + padding: $submenuHeaderPadding; + transition: $transition; + border-radius: 0; + + h3 { + padding: 0; + font-size: $submenuHeaderFontSize; + font-weight: $submenuHeaderFontWeight; + color: $submenuHeaderTextColor; + float: none; + } + + &.ui-state-hover { + background: $menuitemHoverBg; + color: $menuitemTextHoverColor; + + .ui-icon { + color: $menuitemHoverIconColor; + } + } + } + + .ui-menuitem { + margin: $menuitemMargin; + width: 100%; + border: 0 none; + float: none; + border-radius: $menuitemBorderRadius; + transition: $transition; + + .ui-menuitem-link { + padding: $menuitemPadding; + width: 100%; + border: 0 none; + float: none; + border-radius: $menuitemBorderRadius; + transition: $transition; + + &.ui-state-hover { + background: $menuitemHoverBg; + + .ui-icon { + color: $menuitemHoverIconColor; + } + + .ui-menuitem-text { + color: $menuitemTextHoverColor; + } + } + + .ui-menuitem-icon { + margin-right: $inlineSpacing; + vertical-align: middle; + float: none; + color: $menuitemIconColor; + } + + .ui-menuitem-text { + float: none; + vertical-align: middle; + color: $menuitemTextColor; + } + + .ui-icon-triangle-1-e:last-child { + @include icon_override("\e932"); + position: relative; + margin-right: math.div(-1 * $iconSize, 2); + color: $menuitemIconColor; + } + + .ui-icon-triangle-1-s:last-child { + @include icon_override("\e930"); + margin-right: math.div(-1 * $iconSize, 2); + color: $menuitemIconColor; + } + } + + &.ui-state-hover { + background: $menuitemHoverBg; + color: $menuitemTextHoverColor; + + > .ui-menuitem-link { + color: $panelContentTextColor; + + .ui-icon { + color: $menuitemHoverIconColor; + } + } + } + + &.ui-menuitem-active { + > .ui-menuitem-link { + background: $menuitemHoverBg; + + .ui-menuitem-text { + color: $menuitemTextHoverColor; + } + + .ui-menuitem-icon, .ui-icon { + color: $menuitemHoverIconColor; + } + } + } + } + + .ui-menu-child { + background: $menuBg; + padding: $verticalMenuPadding; + + &.ui-shadow { + border-radius: $borderRadius; + border: $overlayContentBorder; + box-shadow: $overlayMenuShadow; + } + } + + .ui-separator { + width: 100%; + margin: $menuSeparatorMargin; + border-top: $menuBorder; + } + } + + &.ui-menubar { + padding: $horizontalMenuPadding; + background: $horizontalMenuBg; + border-radius: $borderRadius; + + > .ui-menu-list { + > .ui-menuitem { + display: inline-block; + width: auto; + + > .ui-menuitem-link { + border-radius: $borderRadius; + + .ui-menuitem-icon { + position: static; + vertical-align: middle; + } + + > span { + float: none; + display: inline-block; + } + + .ui-icon-triangle-1-s:last-child { + margin-left: $inlineSpacing; + vertical-align: middle; + } + } + + &.ui-menubar-options { + float: right; + margin-right: $inlineSpacing; + } + } + } + } + + &.ui-slidemenu { + .ui-slidemenu-backward { + padding: $submenuHeaderPadding; + color: $submenuHeaderTextColor; + width: 100%; + border: $submenuHeaderBorder; + background: $submenuHeaderBg; + margin-bottom: 0; + border-radius: 0; + + .ui-icon-triangle-1-w { + position: relative; + top: 2px; + @include icon_override("\e931"); + margin-right: $inlineSpacing; + } + } + + .ui-menu-child { + padding: 0; + + &.ui-shadow { + box-shadow: none; + border: 0 none; + } + } + } + + &.ui-megamenu { + .ui-widget-header { + margin: $submenuHeaderMargin; + width: 100%; + background: $submenuHeaderBg; + color: $submenuHeaderTextColor; + float: none; + border: $submenuHeaderBorder; + padding: $submenuHeaderPadding; + font-weight: $submenuHeaderFontWeight; + font-size: $submenuHeaderFontSize; + transition: $transition; + border-radius: 0; + + span { + float: none; + padding: 0; + } + } + + .ui-menu-list { + > table { + > tbody { + > tr { + > td { + padding: 0; + } + } + } + } + + .ui-menuitem-link { + border-radius: $borderRadius; + } + } + + &.ui-megamenu-vertical { + background: $horizontalMenuBg; + padding: $verticalMenuPadding; + + > .ui-menu-list { + .ui-menuitem { + width: 100%; + + > .ui-menuitem-link { + border-radius: $menuitemBorderRadius; + } + } + + > .ui-menuitem { + > .ui-menuitem-link { + .ui-icon:last-child { + float: right; + } + } + } + } + } + } + + .ui-divider.ui-widget { + &.ui-divider-horizontal { + margin: 0; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/menu/_panelmenu.scss b/src/main/resources/resources/layout/styles/theme/designer/components/menu/_panelmenu.scss new file mode 100644 index 0000000..b2ed3fa --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/menu/_panelmenu.scss @@ -0,0 +1,135 @@ +body { + .ui-panelmenu { + .ui-icon { + position: static; + } + + .ui-panelmenu-panel:first-child { + .ui-panelmenu-header { + margin-top: 0; + border-top: $accordionHeaderBorder; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + } + } + + .ui-panelmenu-panel:last-child { + .ui-panelmenu-header { + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + + &.ui-state-active { + border-radius: 0; + } + } + } + + h3.ui-panelmenu-header { + border: $accordionHeaderBorder; + border-top: 0 none; + background: $accordionHeaderBg; + color: $accordionHeaderTextColor; + padding: $accordionHeaderPadding; + font-weight: $accordionHeaderFontWeight; + margin: $accordionSpacing 0 0 0; + transition: $transition; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: $fontSize; + + .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: $inlineSpacing; + + &.ui-icon-triangle-1-e { + @include icon_override("\e901"); + } + + &.ui-icon-triangle-1-s { + @include icon_override("\e902"); + } + } + + a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; + } + + &.ui-state-hover { + border-color: $accordionHeaderHoverBorderColor; + background: $accordionHeaderHoverBg; + color: $accordionHeaderTextHoverColor; + } + + &.ui-state-active { + border-color: $accordionHeaderActiveBorderColor; + background: $panelHeaderBg; + color: $accordionHeaderTextActiveColor; + + &:hover { + border-color: $accordionHeaderActiveHoverBorderColor; + background: $accordionHeaderActiveHoverBg; + color: $accordionHeaderTextHoverColor; + } + } + } + + .ui-panelmenu-content { + padding: $verticalMenuPadding; + background: $menuBg; + border: $menuBorder; + margin-top: 0; + position: static; + border-top: 0 none; + + .ui-menuitem-link { + padding: $menuitemPadding; + color: $menuitemTextColor; + transition: $transition; + + &.ui-state-hover { + background: $menuitemHoverBg; + + .ui-icon, .ui-panelmenu-icon { + color: $menuitemHoverIconColor; + } + + .ui-menuitem-text { + color: $menuitemTextHoverColor; + } + } + + > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: $inlineSpacing; + position: static; + color: $menuitemIconColor; + + &.ui-panelmenu-icon { + &.ui-icon-triangle-1-e { + @include icon_override("\e932"); + } + + &.ui-icon-triangle-1-s { + @include icon_override("\e930"); + } + } + } + + .ui-menuitem-text { + display: inline-block; + vertical-align: middle; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/menu/_steps.scss b/src/main/resources/resources/layout/styles/theme/designer/components/menu/_steps.scss new file mode 100644 index 0000000..0ac0330 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/menu/_steps.scss @@ -0,0 +1,76 @@ +body { + .ui-steps { + position: relative; + + ul { + @include flex(); + } + + .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; + + .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; + + .ui-steps-number { + color: $stepsItemNumberColor; + background: $stepsItemNumberBg; + border: $stepsItemNumberBorder; + width: $stepsItemNumberWidth; + height: $stepsItemNumberHeight; + font-size: $stepsItemNumberFontSize; + padding: 0; + margin-top: $stepsItemNumberHeight; + margin-left: auto; + margin-right: auto; + border-radius: $stepsItemNumberBorderRadius; + @include flex(); + @include flex-align-center(); + @include flex-justify-center(); + } + + .ui-steps-title { + display: block; + padding-top: $inlineSpacing; + color: $stepsItemTextColor; + } + } + + &.ui-state-highlight { + .ui-steps-number { + background: $highlightBg; + color: $highlightTextColor; + border-color: $highlightBg; + } + + .ui-steps-title { + font-weight: 600; + color: $textColor; + } + } + } + + .ui-steps-item:not(.ui-state-highlight){ + opacity: .65; + } + + &:before { + content:' '; + border-top: $menuBorder; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/menu/_tabmenu.scss b/src/main/resources/resources/layout/styles/theme/designer/components/menu/_tabmenu.scss new file mode 100644 index 0000000..07d4c1e --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/menu/_tabmenu.scss @@ -0,0 +1,178 @@ +body { + .ui-tabmenu { + padding: 0; + position: static; + + .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: $tabsNavBg; + @include flex(); + @include flex-wrap(wrap); + position: relative; + + &:before { + position: absolute; + border-bottom: $tabsNavBorder; + left: 0; + bottom: 0; + width: 100%; + } + + .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: $tabsHeaderBg; + color: $tabsHeaderTextColor; + top: 0; + margin: 0; + border-bottom: $tabsNavBorder; + cursor: pointer; + @include flex(); + @include flex-align-center(); + transition: $transition; + + a { + color: $tabsHeaderTextColor; + padding: $tabsHeaderPadding; + font-weight: $tabsHeaderFontWeight; + display: block; + line-height: 1; + outline: 0 none; + + .ui-icon { + margin-right: $inlineSpacing; + } + } + + &.ui-state-hover { + background: $tabsHeaderHoverBg; + border-color: $tabsHeaderHoverBorderColor; + + a { + color: $tabsHeaderTextHoverColor; + + .ui-icon { + color: $tabsHeaderTextHoverColor; + } + } + } + + &.ui-state-active { + background: $tabsHeaderActiveBg; + border-color: $tabsHeaderActiveBorderColor; + + a { + color: $tabsHeaderTextActiveColor; + + .ui-icon { + color: $tabsHeaderTextActiveColor; + } + } + } + + &.ui-menuitem-outline { + @include focused(); + } + } + } + + &.ui-tabs-bottom { + .ui-tabmenu-nav { + &:before { + border-bottom: 0 none; + border-top: $tabsNavBorder; + bottom: auto; + top: 0; + } + + .ui-tabmenuitem { + border-bottom: 0 none; + border-top: $tabsNavBorder; + + &.ui-state-hover { + border-color: $tabsHeaderHoverBorderColor; + } + + &.ui-state-active { + border-color: $tabsHeaderActiveBorderColor; + } + } + } + } + + &.ui-tabs-left { + .ui-tabmenu-nav { + flex-direction: column; + + &:before { + border-bottom: 0 none; + border-right: $tabsNavBorder; + left: auto; + right: 0; + width: auto; + height: 100%; + } + + .ui-tabmenuitem { + border-bottom: 0 none; + border-right: $tabsNavBorder; + + &.ui-state-hover { + border-color: $tabsHeaderHoverBorderColor; + } + + &.ui-state-active { + border-color: $tabsHeaderActiveBorderColor; + } + } + } + } + + &.ui-tabs-right { + .ui-tabmenu-nav { + flex-direction: column; + + &:before { + border-bottom: 0 none; + border-left: $tabsNavBorder; + width: auto; + height: 100%; + } + + .ui-tabmenuitem { + border-bottom: 0 none; + border-left: $tabsNavBorder; + + &.ui-state-hover { + border-color: $tabsHeaderHoverBorderColor; + } + + &.ui-state-active { + border-color: $tabsHeaderActiveBorderColor; + } + } + } + } + } + + @media screen and (max-width: $phoneBreakpoint) { + .ui-tabmenu { + .ui-tabmenu-nav { + .ui-tabmenuitem a { + .ui-menuitem-icon { + margin-right: 0; + } + + .ui-menuitem-text { + display: none; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/messages/_growl.scss b/src/main/resources/resources/layout/styles/theme/designer/components/messages/_growl.scss new file mode 100644 index 0000000..c6267e9 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/messages/_growl.scss @@ -0,0 +1,74 @@ +body { + .ui-growl { + top: 85px; + + .ui-growl-item-container { + margin: $growlMargin; + border-radius: $borderRadius; + box-shadow: $overlayContainerShadow; + + .ui-icon-closethick { + @include icon_override("\e90b"); + position: absolute; + top: .5rem; + right: .5rem; + } + + .ui-growl-item { + padding: $growlPadding; + min-height: 70px; + } + + &.ui-growl-info { + background: $infoMessageBg; + border: $infoMessageBorder; + color: $infoMessageTextColor; + border-width: $messagesBorderWidth; + + .ui-growl-image { + @include icon_override("\e924"); + font-size: $growlIconFontSize; + color: $infoMessageIconColor; + } + + .ui-icon { + color: $infoMessageIconColor; + } + } + + &.ui-growl-warn { + background: $warnMessageBg; + border: $warnMessageBorder; + color: $warnMessageTextColor; + border-width: $messagesBorderWidth; + + .ui-growl-image { + @include icon_override("\e922"); + font-size: $growlIconFontSize; + color: $warnMessageIconColor; + } + + .ui-icon { + color: $warnMessageIconColor; + } + } + + &.ui-growl-error, &.ui-growl-fatal { + background: $errorMessageBg; + border: $errorMessageBorder; + color: $errorMessageTextColor; + border-width: $messagesBorderWidth; + + .ui-growl-image { + @include icon_override("\e90c"); + font-size: $growlIconFontSize; + color: $errorMessageIconColor; + } + + .ui-icon { + color: $errorMessageIconColor; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/messages/_message.scss b/src/main/resources/resources/layout/styles/theme/designer/components/messages/_message.scss new file mode 100644 index 0000000..dc9bfa9 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/messages/_message.scss @@ -0,0 +1,82 @@ +body { + .ui-message { + padding: $inputPadding; + display: inline-block; + border-radius: $borderRadius; + + &.ui-message-info { + background: $infoMessageBg; + border: $infoMessageBorder; + border-width: $messageBorderWidth; + color: $infoMessageTextColor; + + .ui-message-info-icon { + @include icon_override("\e924"); + margin: 0; + color: $infoMessageIconColor; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; + } + + .ui-message-info-detail { + margin-left: $inlineSpacing; + } + } + + &.ui-message-warn { + background: $warnMessageBg; + border: $warnMessageBorder; + border-width: $messageBorderWidth; + color: $warnMessageTextColor; + + .ui-message-warn-icon { + @include icon_override("\e922"); + margin: 0; + color: $warnMessageIconColor; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; + } + + .ui-message-warn-detail { + margin-left: $inlineSpacing; + } + } + + &.ui-message-error,&.ui-message-fatal { + background: $errorMessageBg; + border: $errorMessageBorder; + border-width: $messageBorderWidth; + color: $errorMessageTextColor; + + .ui-message-error-icon { + @include icon_override("\e90c"); + margin: 0; + color: $errorMessageIconColor; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; + } + + .ui-message-error-detail { + margin-left: $inlineSpacing; + } + } + + &.ui-message-icon-only { + width: auto; + height: auto; + } + } + + .ui-widget + .ui-message { + margin: 0 0 0 $inlineSpacing; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/messages/_messages.scss b/src/main/resources/resources/layout/styles/theme/designer/components/messages/_messages.scss new file mode 100644 index 0000000..530ee34 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/messages/_messages.scss @@ -0,0 +1,116 @@ +body { + .ui-messages { + padding: 0; + margin: 0; + font-weight: $messagesFontWeight; + position: relative; + border-radius: $borderRadius; + + > div { + padding: $messagesPadding; + margin: $messagesMargin; + border-radius: $borderRadius; + } + + ul { + margin: 0; + + .ui-messages-info-summary, + .ui-messages-warn-summary, + .ui-messages-error-summary, + .ui-messages-fatal-summary { + margin: 0 $inlineSpacing 0 0; + } + + .ui-messages-info-detail, + .ui-messages-warn-detail, + .ui-messages-error-detail, + .ui-messages-fatal-detail { + margin: 0; + } + } + + .ui-messages-close { + position: absolute; + right: math.div(-1 * $actionIconWidth, 2); + top: math.div(-1 * $actionIconHeight, 2); + @include action-icon(); + text-align: center; + transition: background-color $transitionDuration; + + .ui-icon-close { + @include icon_override("\e90b"); + } + } + + .ui-messages-info { + background: $infoMessageBg; + border: $infoMessageBorder; + border-width: $messagesBorderWidth; + color: $infoMessageTextColor; + + .ui-messages-info-icon { + @include icon_override("\e924"); + font-size: $messagesIconFontSize; + margin: 0 $inlineSpacing 0 0; + color: $infoMessageIconColor; + } + + .ui-messages-close { + background: $infoMessageBg; + color: $infoMessageIconColor; + + &:hover { + background: darken($infoMessageBg, 5%); + } + } + } + + .ui-messages-warn { + background:$warnMessageBg; + border: $warnMessageBorder; + border-width: $messagesBorderWidth; + color: $warnMessageTextColor; + + .ui-messages-warn-icon { + @include icon_override("\e922"); + font-size: $messagesIconFontSize; + margin: 0 $inlineSpacing 0 0; + color: $warnMessageIconColor; + } + + .ui-messages-close { + background:$warnMessageBg; + color: $warnMessageIconColor; + + &:hover { + background: darken($warnMessageBg, 5%); + } + } + } + + .ui-messages-error, .ui-messages-fatal { + background: $errorMessageBg; + border: $errorMessageBorder; + border-width: $messagesBorderWidth; + color: $errorMessageTextColor; + + .ui-messages-error-icon, + .ui-messages-fatal { + @include icon_override("\e90c"); + font-size: $messagesIconFontSize; + margin: 0 $inlineSpacing 0 0; + color: $errorMessageIconColor; + } + + .ui-messages-close { + background: $errorMessageBg; + color: $errorMessageIconColor; + + &:hover { + background: darken($errorMessageBg, 5%); + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/misc/_avatar.scss b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_avatar.scss new file mode 100644 index 0000000..a8f4b66 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_avatar.scss @@ -0,0 +1,32 @@ +body { + .ui-avatar { + background-color: $avatarBg; + border-radius: $borderRadius; + + &.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; + + .ui-avatar-icon { + font-size: 1.5rem; + } + } + + &.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; + + .ui-avatar-icon { + font-size: 2rem; + } + } + } + + .ui-avatar-group { + .ui-avatar { + border: 2px solid $panelContentBg; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/misc/_badge.scss b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_badge.scss new file mode 100644 index 0000000..bebc936 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_badge.scss @@ -0,0 +1,69 @@ +body { + .ui-badge { + background: $badgeBg; + color: $badgeTextColor; + font-size: $badgeFontSize; + font-weight: $badgeFontWeight; + min-width: $badgeMinWidth; + height: $badgeHeight; + line-height: $badgeHeight; + + &:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; + } + + &.ui-badge-secondary { + background: $secondaryButtonBg; + color: $secondaryButtonTextColor; + } + + &.ui-badge-success { + background: $successButtonBg; + color: $successButtonTextColor; + } + + &.ui-badge-info { + background: $infoButtonBg; + color: $infoButtonTextColor; + } + + &.ui-badge-warning { + background: $warningButtonBg; + color: $warningButtonTextColor; + } + + &.ui-badge-danger { + background: $dangerButtonBg; + color: $dangerButtonTextColor; + } + + &.ui-badge-lg { + font-size: 1.5 * $badgeFontSize; + min-width: 1.5 * $badgeMinWidth; + height: 1.5 * $badgeHeight; + line-height: 1.5 * $badgeHeight; + } + + &.ui-badge-xl { + font-size: 2 * $badgeFontSize; + min-width: 2 * $badgeMinWidth; + height: 2 * $badgeHeight; + line-height: 2 * $badgeHeight; + } + } + + .ui-overlay-badge { + position: relative; + display: inline-block; + + .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/misc/_chip.scss b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_chip.scss new file mode 100644 index 0000000..c60988f --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_chip.scss @@ -0,0 +1,35 @@ +body { + .ui-chip { + background-color: $chipBg; + color: $chipTextColor; + border-radius: $chipBorderRadius; + padding: 0 nth($inputPadding, 2); + + .ui-chip-text { + line-height: 1.5; + margin-top: math.div(nth($inputPadding, 1), 2); + margin-bottom: math.div(nth($inputPadding, 1), 2); + } + + .ui-chip-icon { + margin-right: $inlineSpacing; + } + + img { + width: 1.5 + nth($inputPadding, 1); + height: 1.5 + nth($inputPadding, 1); + margin-left: -1 * nth($inputPadding, 2); + margin-right: $inlineSpacing; + } + + .ui-chip-remove-icon { + margin-left: $inlineSpacing; + border-radius: $borderRadius; + transition: $transition; + + &:focus { + @include focused(); + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/misc/_clock.scss b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_clock.scss new file mode 100644 index 0000000..a6b8eaa --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_clock.scss @@ -0,0 +1,8 @@ +body { + .ui-clock { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/misc/_galleria.scss b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_galleria.scss new file mode 100644 index 0000000..01bf982 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_galleria.scss @@ -0,0 +1,186 @@ +body { + .ui-galleria { + .ui-galleria-close { + margin: $galleriaCloseIconMargin; + background: $galleriaCloseIconBg; + color: $galleriaCloseIconColor; + width: $galleriaCloseIconWidth; + height: $galleriaCloseIconHeight; + transition: $actionIconTransition; + border-radius: $galleriaCloseIconBorderRadius; + + .ui-galleria-close-icon { + font-size: $galleriaCloseIconFontSize; + } + + &:hover { + background: $galleriaCloseIconHoverBg; + color: $galleriaCloseIconHoverColor; + } + } + + .ui-galleria-item-nav { + background: $galleriaItemNavigatorBg; + color: $galleriaItemNavigatorColor; + width: $galleriaItemNavigatorWidth; + height: $galleriaItemNavigatorHeight; + transition: $actionIconTransition; + border-radius: $galleriaItemNavigatorBorderRadius; + margin: $galleriaItemNavigatorMargin; + + .ui-galleria-item-prev-icon { + @include icon_override("\e900"); + font-size: $galleriaItemNavigatorFontSize; + } + + .ui-galleria-item-next-icon { + @include icon_override("\e901"); + font-size: $galleriaItemNavigatorFontSize; + } + + &:not(.ui-state-disabled) { + &:hover { + background: $galleriaItemNavigatorHoverBg; + color: $galleriaItemNavigatorHoverColor; + } + } + } + + .ui-galleria-caption-item { + background: $galleriaCaptionBg; + color: $galleriaCaptionTextColor; + padding: $galleriaCaptionPadding; + } + + .ui-galleria-indicators { + padding: $galleriaIndicatorsPadding; + + .ui-galleria-indicator { + button { + background-color: $galleriaIndicatorBg; + width: $galleriaIndicatorWidth; + height: $galleriaIndicatorHeight; + transition: $actionIconTransition; + border-radius: $galleriaIndicatorBorderRadius; + + &:hover { + background: $galleriaIndicatorHoverBg; + } + } + + &.ui-state-highlight { + button { + background: $primaryColor; + color: $primaryTextColor; + } + } + } + } + + &.ui-galleria-indicators-bottom, + &.ui-galleria-indicators-top { + .ui-galleria-indicator { + margin-right: $inlineSpacing; + } + } + + &.ui-galleria-indicators-left, + &.ui-galleria-indicators-right { + .ui-galleria-indicator { + margin-bottom: $inlineSpacing; + } + } + + &.ui-galleria-indicator-onitem { + .ui-galleria-indicators { + background: $galleriaIndicatorsBgOnItem; + + .ui-galleria-indicator { + button { + background: $galleriaIndicatorBgOnItem; + + &:hover { + background: $galleriaIndicatorHoverBgOnItem; + } + } + + &.ui-state-highlight { + button { + background: $highlightBg; + color: $highlightTextColor; + } + } + } + } + } + + .ui-galleria-thumbnail-container { + background: $galleriaThumbnailContainerBg; + padding: $galleriaThumbnailContainerPadding; + + .ui-galleria-thumbnail-prev, + .ui-galleria-thumbnail-next { + margin: $inlineSpacing; + background-color: $galleriaThumbnailNavigatorBg; + color: $galleriaThumbnailNavigatorColor; + width: $galleriaThumbnailNavigatorWidth; + height: $galleriaThumbnailNavigatorHeight; + transition: $actionIconTransition; + border-radius: $galleriaThumbnailNavigatorBorderRadius; + + &:hover { + background: $galleriaThumbnailNavigatorHoverBg; + color: $galleriaThumbnailNavigatorHoverColor; + } + + .ui-icon-circle-triangle-e { + @include icon_override("\e901"); + } + + .ui-icon-circle-triangle-s { + @include icon_override("\e902"); + } + + .ui-icon-circle-triangle-w { + @include icon_override("\e900"); + } + + .ui-icon-circle-triangle-n { + @include icon_override("\e903"); + } + } + + .ui-galleria-thumbnail-item-content { + transition: $listItemTransition; + margin: $galleriaThumbnailContentMargin; + margin-left: 0; + margin-right: 0; + + &:focus { + @include focused(); + } + } + } + + &.ui-galleria-thumbnails-left, + &.ui-galleria-thumbnails-right { + .ui-galleria-thumbnail-container { + .ui-galleria-thumbnail-item-content { + margin: $galleriaThumbnailContentMargin; + } + } + } + + .ui-galleria-link { + &:focus { + @include focused(); + } + } + } +} + +.ui-galleria-mask { + &.ui-widget-overlay { + background-color: $galleriaMaskBg; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/misc/_log.scss b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_log.scss new file mode 100644 index 0000000..a805c64 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_log.scss @@ -0,0 +1,59 @@ +body { + .ui-log { + padding: 0; + box-shadow: $overlayContainerShadow; + border: $overlayContentBorder; + border-radius: $borderRadius; + height: auto; + + .ui-log-header { + background: $dialogHeaderBg; + color: $dialogHeaderTextColor; + font-weight: $dialogHeaderFontWeight; + border-bottom: $dialogHeaderBorder; + padding: $dialogHeaderPadding; + height: auto; + + .ui-log-button { + display: inline-block; + position: static; + margin-right: $inlineSpacing; + padding: 2px; + @include action-icon(); + + .ui-icon-trash { + @include icon_override("\e93d"); + } + + .ui-icon-note { + @include icon_override("\e9a8"); + } + + .ui-icon-info { + @include icon_override("\e924"); + } + + .ui-icon-notice { + @include icon_override("\e989"); + } + + .ui-icon-search { + @include icon_override("\e908"); + } + + .ui-icon-alert { + @include icon_override("\e922"); + } + } + } + + .ui-log-content { + background: $dialogContentBg; + color: $dialogContentTextColor; + border: $dialogContentBorder; + padding: $dialogContentPadding; + border: $dialogContentBorder; + overflow: auto; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/misc/_progressbar.scss b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_progressbar.scss new file mode 100644 index 0000000..9914f39 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_progressbar.scss @@ -0,0 +1,21 @@ +body { + .ui-progressbar { + border: $progressBarBorder; + height: $progressBarHeight; + background: $progressBarBg; + border-radius: $borderRadius; + + .ui-progressbar-value { + border: 0 none; + margin: 0; + background: $progressBarValueBg; + border-radius: $borderRadius; + } + + .ui-progressbar-label { + margin-top: 0; + color: $textColor; + line-height: $progressBarHeight; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/misc/_scrolltop.scss b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_scrolltop.scss new file mode 100644 index 0000000..5bebaa3 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_scrolltop.scss @@ -0,0 +1,19 @@ +body { + .ui-scrolltop { + width: $scrollTopWidth; + height: $scrollTopHeight; + border-radius: $scrollTopBorderRadius; + box-shadow: $inputOverlayShadow; + transition: $transition; + background: $scrollTopBg; + + &:hover { + background: $scrollTopHoverBg; + } + + .ui-scrolltop-icon { + font-size: $scrollTopFontSize; + color: $scrollTopTextColor; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/misc/_skeleton.scss b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_skeleton.scss new file mode 100644 index 0000000..2347b8f --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_skeleton.scss @@ -0,0 +1,10 @@ +body { + .ui-skeleton { + background-color: $skeletonBg; + border-radius: $borderRadius; + + &:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), $skeletonAnimationBg, rgba(255, 255, 255, 0)); + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/misc/_tag.scss b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_tag.scss new file mode 100644 index 0000000..8ace3e3 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_tag.scss @@ -0,0 +1,45 @@ +body { + .ui-tag { + background: $badgeBg; + color: $badgeTextColor; + font-size: $badgeFontSize; + font-weight: $badgeFontWeight; + padding: $tagPadding; + border-radius: $borderRadius; + + &:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; + } + + &.ui-tag-success { + background: $successButtonBg; + color: $successButtonTextColor; + } + + &.ui-tag-info { + background: $infoButtonBg; + color: $infoButtonTextColor; + } + + &.ui-tag-warning { + background: $warningButtonBg; + color: $warningButtonTextColor; + } + + &.ui-tag-danger { + background: $dangerButtonBg; + color: $dangerButtonTextColor; + } + + &.ui-tag-rounded { + border-radius: 10rem; + } + + .ui-tag-icon { + margin-right: math.div($inlineSpacing, 2); + font-size: $badgeFontSize; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/misc/_terminal.scss b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_terminal.scss new file mode 100644 index 0000000..d453ae8 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/misc/_terminal.scss @@ -0,0 +1,8 @@ +body { + .ui-terminal { + background: $panelContentBg; + color: $panelContentTextColor; + border: $panelContentBorder; + padding: $panelContentPadding; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_confirmpopup.scss b/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_confirmpopup.scss new file mode 100644 index 0000000..9e153ac --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_confirmpopup.scss @@ -0,0 +1,69 @@ +body { + .ui-confirm-popup { + background: $panelContentBg; + color: $panelContentTextColor; + border: $overlayContentBorder; + border-radius: $borderRadius; + box-shadow: $overlayContainerShadow; + + .ui-confirm-popup-content { + padding: $confirmPopupContentPadding; + } + + .ui-confirm-popup-footer { + text-align: right; + padding: $confirmPopupFooterPadding; + + button { + margin: 0 $inlineSpacing 0 0; + width: auto; + + &:last-child { + margin: 0; + } + } + } + + &:after { + border-style: solid; + border-color: rgba($panelContentBg, 0); + border-bottom-color: $panelContentBg; + } + + &:before { + border-style: solid; + + @if (nth($overlayContentBorder, 2) == 'none') { + border-color: rgba($panelContentBg, 0); + border-bottom-color: $panelContentBg; + } + @else { + border-color: rgba(nth($overlayContentBorder, 3), 0); + border-bottom-color: nth($overlayContentBorder, 3); + } + } + + &.ui-confirm-popup-flipped { + &:after { + border-top-color: $panelContentBg; + } + + &:before { + @if (nth($overlayContentBorder, 2) == 'none') { + border-top-color: $panelContentBg; + } + @else { + border-top-color: nth($overlayContentBorder, 3); + } + } + } + + .ui-confirm-popup-icon { + font-size: $iconSize * 1.5; + } + + .ui-confirm-popup-message { + margin-left: $inlineSpacing * 2; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_dialog.scss b/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_dialog.scss new file mode 100644 index 0000000..4b13a55 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_dialog.scss @@ -0,0 +1,145 @@ +body { + .ui-dialog { + padding: 0; + box-shadow: $overlayContainerShadow; + border: $overlayContentBorder; + border-radius: $borderRadius; + + .ui-dialog-titlebar { + background: $dialogHeaderBg; + color: $dialogHeaderTextColor; + font-weight: $dialogHeaderFontWeight; + border-bottom: $dialogHeaderBorder; + padding: $dialogHeaderPadding; + + .ui-dialog-title { + margin: 0; + float: none; + font-size: $dialogHeaderFontSize; + } + + .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: $inlineSpacing; + @include action-icon(); + + .ui-icon-closethick { + @include icon_override("\e90b"); + } + + .ui-icon-minus { + @include icon_override("\e90f"); + } + + .ui-icon-plus { + @include icon_override("\e90d"); + } + + .ui-icon-extlink { + @include icon_override("\e93b"); + } + + .ui-icon-newwin { + @include icon_override("\e93a"); + } + } + } + + .ui-dialog-content { + background: $dialogContentBg; + color: $dialogContentTextColor; + border: $dialogContentBorder; + padding: $dialogContentPadding; + border: $dialogContentBorder; + } + + .ui-dialog-footer { + border-top: $dialogFooterBorder; + background: $dialogFooterBg; + color: $dialogFooterTextColor; + padding: $dialogFooterPadding; + margin: 0; + text-align: right; + + button { + margin: 0 $inlineSpacing 0 0; + width: auto; + } + } + + &.ui-confirm-dialog { + .ui-dialog-content { + padding: $confirmDialogContentPadding; + @include flex(); + @include flex-align-center(); + + > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 $inlineSpacing; + + &.ui-icon { + margin-right: $inlineSpacing; + font-size: $confirmDialogIconFontSize; + + &.ui-icon-warn { + @include icon_override("\e922"); + } + + &.ui-icon-info { + @include icon_override("\e924"); + } + + &.ui-icon-error { + @include icon_override("\e90c"); + } + } + } + } + } + + &.ui-resizable { + .ui-dialog-content { + box-sizing: content-box; + } + } + + &.ui-message-dialog { + .ui-dialog-content { + padding: $confirmDialogContentPadding; + @include flex(); + @include flex-align-center(); + + > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 $inlineSpacing; + + &.ui-dialog-message { + margin-right: $inlineSpacing; + font-size: $confirmDialogIconFontSize; + width: auto; + height: auto; + + &.ui-messages-warn-icon { + @include icon_override("\e922"); + } + + &.ui-messages-info-icon { + @include icon_override("\e922"); + } + + &.ui-messages-error-icon { + @include icon_override("\e90c"); + } + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_lightbox.scss b/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_lightbox.scss new file mode 100644 index 0000000..652a425 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_lightbox.scss @@ -0,0 +1,75 @@ +body { + .ui-lightbox { + box-shadow: $overlayContainerShadow; + + .ui-lightbox-caption { + border: $panelHeaderBorder; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + + .ui-lightbox-caption-text { + color: $panelHeaderTextColor; + margin: 0; + } + + .ui-lightbox-close { + padding: 0; + @include action-icon(); + + .ui-icon { + @include icon_override("\e90b"); + } + } + } + + .ui-lightbox-content-wrapper { + overflow: hidden; + background: $panelContentBg; + color: $panelContentTextColor; + border: 0 none; + padding: 0; + + .ui-lightbox-nav-left { + @include icon_override("\e900"); + transition: all $transitionDuration; + font-size: 24px; + margin-left: 4px; + color: #ffffff; + + &:hover { + scale: 1.2; + } + + span { + display: none; + } + } + + .ui-lightbox-nav-right { + @include icon_override("\e901"); + transition: all $transitionDuration; + font-size: 24px; + margin-right: 4px; + color: #ffffff; + + &:hover { + scale: 1.2; + } + + span { + display: none; + } + } + + .ui-lightbox-content { + border-radius: 0; + } + + .ui-lightbox-content.ui-lightbox-loading + a { + display: none; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_overlaypanel.scss b/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_overlaypanel.scss new file mode 100644 index 0000000..2b58056 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_overlaypanel.scss @@ -0,0 +1,40 @@ +body { + .ui-overlaypanel { + background: $panelContentBg; + color: $panelContentTextColor; + padding: 0; + border: $overlayContentBorder; + box-shadow: $overlayContainerShadow; + border-radius: $borderRadius; + + .ui-overlaypanel-content { + padding: $panelContentPadding; + } + + .ui-overlaypanel-close { + position: absolute; + width: $actionIconWidth; + height: $actionIconHeight; + right: math.div(-1 * $actionIconWidth, 2); + top: math.div(-1 * $actionIconWidth, 2); + background: $overlayPanelCloseIconBg; + color: $overlayPanelCloseIconColor; + transition: $transition; + border-radius: $actionIconBorderRadius; + text-align: center; + line-height: $actionIconHeight; + padding: 0; + + &:hover { + background: $overlayPanelCloseIconHoverBg; + color: $overlayPanelCloseIconHoverColor; + } + + .ui-icon { + @include icon_override("\e90b"); + display: inline-block; + line-height: inherit; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_sidebar.scss b/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_sidebar.scss new file mode 100644 index 0000000..b12053a --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_sidebar.scss @@ -0,0 +1,22 @@ +body { + .ui-sidebar { + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + border: $overlayContentBorder; + box-shadow: none; + + .ui-sidebar-close { + padding: 0; + @include action-icon(); + + .ui-icon { + @include icon_override("\e90b"); + } + } + + &.ui-sidebar-active { + box-shadow: $overlayContainerShadow; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_tooltip.scss b/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_tooltip.scss new file mode 100644 index 0000000..6e41b5b --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/overlay/_tooltip.scss @@ -0,0 +1,38 @@ +body { + .ui-tooltip { + .ui-tooltip-text { + background: $tooltipBg; + color: $tooltipTextColor; + box-shadow: $overlayContainerShadow; + border-radius: $borderRadius; + } + + &.ui-state-error { + border: 0 none; + } + + &.ui-tooltip-right { + .ui-tooltip-arrow { + border-right-color: $tooltipBg; + } + } + + &.ui-tooltip-left { + .ui-tooltip-arrow { + border-left-color: $tooltipBg; + } + } + + &.ui-tooltip-top { + .ui-tooltip-arrow { + border-top-color: $tooltipBg; + } + } + + &.ui-tooltip-bottom { + .ui-tooltip-arrow { + border-bottom-color: $tooltipBg; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/panel/_accordion.scss b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_accordion.scss new file mode 100644 index 0000000..5f7084c --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_accordion.scss @@ -0,0 +1,102 @@ +body { + .ui-accordion { + .ui-accordion-header { + border: $accordionHeaderBorder; + border-top: 0 none; + background: $accordionHeaderBg; + color: $accordionHeaderTextColor; + padding: $accordionHeaderPadding; + font-weight: $accordionHeaderFontWeight; + margin-top: $accordionSpacing; + transition: $transition; + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + + &:first-child { + margin-top: 0; + border-top: $accordionHeaderBorder; + border-top-right-radius: $borderRadius; + border-top-left-radius: $borderRadius; + } + + &.ui-accordion-header-last { + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + + &.ui-state-active { + border-radius: 0; + } + } + + &.ui-state-hover { + border-color: $accordionHeaderHoverBorderColor; + background: $accordionHeaderHoverBg; + color: $accordionHeaderTextHoverColor; + } + + &.ui-state-active { + background: $accordionHeaderActiveBg; + border-color: $accordionHeaderActiveBorderColor; + color: $accordionHeaderTextActiveColor; + + &:hover { + border-color: $accordionHeaderActiveHoverBorderColor; + background: $accordionHeaderActiveHoverBg; + color: $accordionHeaderTextHoverColor; + } + } + + &:focus { + @include focused(); + } + + &.ui-state-error { + border-color: $errorColor; + background-color: $errorColor; + + &.ui-state-active { + &:hover { + border-color: $errorColor; + background-color: $errorColor; + color: $accordionHeaderTextActiveColor; + } + } + + & + .ui-accordion-content { + border-color: $errorColor; + } + } + + > .ui-icon { + position: static; + display: inline-block; + margin: 0 $inlineSpacing 0 0; + + &.ui-icon-triangle-1-e { + @include icon_override("\e901"); + } + + &.ui-icon-triangle-1-s { + @include icon_override("\e902"); + } + } + } + + .ui-accordion-content { + border: $accordionContentBorder; + background: $accordionContentBg; + color: $accordionContentTextColor; + padding: $accordionContentPadding; + margin: 0; + position: static; + border-top: 0 none; + + &:last-of-type { + border-bottom-right-radius: $borderRadius; + border-bottom-left-radius: $borderRadius; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/panel/_card.scss b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_card.scss new file mode 100644 index 0000000..385865b --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_card.scss @@ -0,0 +1,32 @@ +body { + .ui-card { + background: $panelContentBg; + color: $panelContentTextColor; + box-shadow: $cardShadow; + border-radius: $borderRadius; + + .ui-card-body { + padding: $cardBodyPadding; + } + + .ui-card-title { + font-size: $cardTitleFontSize; + font-weight: $cardTitleFontWeight; + margin-bottom: $inlineSpacing; + } + + .ui-card-subtitle { + font-weight: $cardSubTitleFontWeight; + margin-bottom: $inlineSpacing; + color: $cardSubTitleColor; + } + + .ui-card-content { + padding: $cardContentPadding; + } + + .ui-card-footer { + padding: $cardFooterPadding; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/panel/_dashboard.scss b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_dashboard.scss new file mode 100644 index 0000000..84d2c17 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_dashboard.scss @@ -0,0 +1,7 @@ +body { + .ui-dashboard { + .ui-sortable-placeholder { + background-color: $highlightBg; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/panel/_divider.scss b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_divider.scss new file mode 100644 index 0000000..f5e3ded --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_divider.scss @@ -0,0 +1,33 @@ +body { + .ui-divider { + .ui-divider-content { + background-color: $panelContentBg; + } + + &.ui-divider-horizontal { + margin: $dividerHorizontalMargin; + padding: $dividerHorizontalPadding; + + &:before { + border-top: $dividerSize $dividerColor; + } + + .ui-divider-content { + padding: 0 $inlineSpacing; + } + } + + &.ui-divider-vertical { + margin: $dividerVerticalMargin; + padding: $dividerVerticalPadding; + + &:before { + border-left: $dividerSize $dividerColor; + } + + .ui-divider-content { + padding: $inlineSpacing 0; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/panel/_fieldset.scss b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_fieldset.scss new file mode 100644 index 0000000..c4e3011 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_fieldset.scss @@ -0,0 +1,49 @@ +body { + .ui-fieldset { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + border-radius: $borderRadius; + + .ui-fieldset-legend { + border: $panelHeaderBorder; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + border-radius: $borderRadius; + user-select: none; + transition: $transition; + + .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: $inlineSpacing; + } + + .ui-icon-minusthick { + @include icon_override("\e90f"); + } + + .ui-icon-plusthick { + @include icon_override("\e90d"); + } + + &.ui-state-hover { + outline: 0 none; + border-color: $panelHeaderHoverBorderColor; + background: $panelHeaderHoverBg; + color: $panelHeaderTextHoverColor; + + .ui-icon { + color: $panelHeaderHoverIconColor; + } + } + + &.ui-state-focus { + @include focused(); + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/panel/_notificationbar.scss b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_notificationbar.scss new file mode 100644 index 0000000..b7a57a1 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_notificationbar.scss @@ -0,0 +1,8 @@ +body { + .ui-notificationbar { + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + border: $panelContentBorder; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/panel/_panel.scss b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_panel.scss new file mode 100644 index 0000000..157972b --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_panel.scss @@ -0,0 +1,91 @@ +body { + .ui-panel { + padding: 0; + + .ui-panel-title { + margin: 0; + } + + .ui-panel-titlebar { + border: $panelHeaderBorder; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + @include border-radius-top($borderRadius); + + .ui-panel-titlebar-icon { + margin: 0; + margin-left: $inlineSpacing; + @include action-icon(); + margin-top: math.div(-1 * $actionIconHeight, 8); + margin-bottom: math.div(-1 * $actionIconHeight, 4); + + .ui-icon-closethick { + @include icon_override("\e90b"); + } + + .ui-icon-minusthick { + @include icon_override("\e90f"); + } + + .ui-icon-plusthick { + @include icon_override("\e90d"); + } + + .ui-icon-gear { + @include icon_override("\e94a"); + } + } + + & + .ui-panel-content { + border-top: 0 none; + } + } + + .ui-panel-content { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + } + + .ui-panel-footer { + border: $panelFooterBorder; + background: $panelFooterBg; + color: $panelFooterTextColor; + padding: $panelFooterPadding; + margin: 0; + border-top: 0 none; + } + + > div { + &:last-of-type { + @include border-radius-bottom($borderRadius); + } + } + + &.ui-panel-collapsed { + .ui-panel-titlebar { + @include border-radius-bottom($borderRadius); + } + } + + &.ui-panel-collapsed-h { + .ui-panel-titlebar { + position: relative; + + .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: math.div(-1 * $iconSize, 2); + margin-top: math.div(-1 * $iconSize, 2); + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/panel/_panelgrid.scss b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_panelgrid.scss new file mode 100644 index 0000000..28a12ad --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_panelgrid.scss @@ -0,0 +1,18 @@ +body { + .ui-panelgrid { + .ui-panelgrid-cell { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + + &.ui-widget-header { + border: $panelHeaderBorder; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + font-weight: $panelHeaderFontWeight; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/panel/_scrollpanel.scss b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_scrollpanel.scss new file mode 100644 index 0000000..b4b4d9b --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_scrollpanel.scss @@ -0,0 +1,21 @@ +body { + .ui-scrollpanel { + border: $panelContentBorder; + background: $panelContentBg; + color: $panelContentTextColor; + padding: $panelContentPadding; + + .ui-scrollpanel-drag { + background:$scrollPanelHandleBg; + } + + .ui-scrollpanel-track { + background: $scrollPanelTrackBg; + border: $scrollPanelTrackBorder; + } + + .ui-scrollpanel-corner { + background: $scrollPanelTrackBg; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/panel/_splitter.scss b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_splitter.scss new file mode 100644 index 0000000..fa45d88 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_splitter.scss @@ -0,0 +1,21 @@ +body { + .ui-splitter { + border: $panelContentBorder; + background: $panelContentBg; + border-radius: $borderRadius; + color: $panelContentTextColor; + + .ui-splitter-gutter { + transition: $transition; + background: $splitterGutterBg; + + .ui-splitter-gutter-handle { + background: $splitterGutterHandleBg; + } + } + + .ui-splitter-gutter-resizing { + background: $splitterGutterHandleBg; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/panel/_tabs.scss b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_tabs.scss new file mode 100644 index 0000000..dc75c83 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_tabs.scss @@ -0,0 +1,308 @@ +body { + .ui-tabs { + padding: 0; + position: static; + + .ui-tabs-nav { + margin: 0; + padding: 0; + background: $tabsNavBg; + @include flex(); + + li { + &.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: $tabsHeaderPadding; + background: $tabsHeaderBg; + color: $tabsHeaderTextColor; + margin: 0; + cursor: pointer; + @include flex(); + @include flex-align-center(); + transition: $transition; + + a { + color: $tabsHeaderTextColor; + padding: 0; + font-weight: $tabsHeaderFontWeight; + display: block; + line-height: 1; + transition: $transition; + } + + .ui-icon { + position: static; + + &.ui-icon-close { + margin: 0; + float: none; + @include icon_override("\e90b"); + margin-left: $inlineSpacing; + } + } + + &.ui-state-hover { + background: $tabsHeaderHoverBg; + + a { + color: $tabsHeaderTextHoverColor; + } + + .ui-icon { + color: $tabsHeaderTextHoverColor; + } + } + + &.ui-state-active { + background: $tabsHeaderActiveBg; + + a { + color: $tabsHeaderTextActiveColor; + } + + .ui-icon { + color: $tabsHeaderTextActiveColor; + } + } + + &.ui-state-error { + a { + color: $errorColor; + } + + .ui-icon { + color: $errorColor; + } + } + + &.ui-tabs-outline { + @include focused-inset(); + } + } + + &.ui-tabs-actions { + order: 1; + margin-left: auto; + } + } + } + + .ui-tabs-panels { + border: $tabsContentBorder; + background: $tabsContentBg; + color: $tabsContentTextColor; + padding: 0; + margin: 0; + position: static; + @include border-radius-bottom($borderRadius); + + .ui-tabs-panel { + padding: $tabsContentPadding; + } + } + + &.ui-tabs-top { + > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + @include flex(); + @include flex-wrap(wrap); + + &:before { + content: ""; + position: absolute; + display: block; + border-bottom: $tabsNavBorder; + left: 0; + bottom: 0; + width: 100%; + } + + li.ui-tabs-header { + top: 0; + border-bottom: $tabsNavBorder; + + &.ui-state-hover { + border-color: $tabsHeaderHoverBorderColor; + } + + &.ui-state-active { + border-color: $tabsHeaderActiveBorderColor; + } + + &.ui-state-error { + border-color: $errorColor; + } + } + } + + > .ui-tabs-panels { + border-width: 1px 0 0 0; + } + } + + &.ui-tabs-bottom { + > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + @include flex(); + @include flex-wrap(wrap); + + &:before { + content: ""; + position: absolute; + display: block; + border-top: $tabsNavBorder; + left: 0; + top: 0; + width: 100%; + } + + li.ui-tabs-header { + top: 0; + border-top: $tabsNavBorder; + + &.ui-state-hover { + border-color: $tabsHeaderHoverBorderColor; + } + + &.ui-state-active { + border-color: $tabsHeaderActiveBorderColor; + } + + &.ui-state-error { + border-color: $errorColor; + } + } + } + + > .ui-tabs-panels { + border-width: 1px 0 0 0; + } + } + + &.ui-tabs-left, &.ui-tabs-right { + > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + @include flex-direction-column(); + + li.ui-tabs-header { + width: 100%; + } + } + + > .ui-tabs-panels { + width: 75%; + } + } + + &.ui-tabs-right { + > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: $tabsNavBorder; + + li.ui-tabs-header { + top: 0; + border-left: $tabsNavBorder; + left: -1 * $tabsNavBorderWidth; + + &.ui-state-hover { + border-color: $tabsHeaderHoverBorderColor; + } + + &.ui-state-active { + border-color: $tabsHeaderActiveBorderColor; + } + + &.ui-state-error { + border-color: $errorColor; + } + } + } + + > .ui-tabs-panels { + border-width: 1px 0 0 0; + } + } + + &.ui-tabs-left { + > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -1 * $tabsNavBorderWidth; + + li.ui-tabs-header { + top: 0; + border-right: $tabsNavBorder; + margin-right: -1 * $tabsNavBorderWidth; + + &.ui-state-hover { + border-color: $tabsHeaderHoverBorderColor; + } + + &.ui-state-active { + border-color: $tabsHeaderActiveBorderColor; + } + + &.ui-state-error { + border-color: $errorColor; + } + } + } + + > .ui-tabs-panels { + border-width: 1px 0 0 0; + } + } + + .ui-tabs-navscroller { + position: relative; + + .ui-tabs-navscroller-btn { + border: 0 none; + background: $tabsScrollerButtonBg; + color: $tabsScrollerButtonIconColor; + outline: 0 none; + z-index: 1; + @include flex(); + @include flex-align-center(); + transition: $transition; + + &.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; + + .ui-icon { + margin: 0; + @include icon_override("\e900"); + } + } + + &.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; + + .ui-icon { + margin: 0; + @include icon_override("\e901"); + } + } + + &.ui-state-hover { + background: $tabsScrollerButtonHoverBg; + color: $tabsScrollerButtonIconHoverColor; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/panel/_toolbar.scss b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_toolbar.scss new file mode 100644 index 0000000..b6da13c --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_toolbar.scss @@ -0,0 +1,9 @@ +body { + .ui-toolbar { + border: $panelHeaderBorder; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + border-radius: $borderRadius; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/designer/components/panel/_wizard.scss b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_wizard.scss new file mode 100644 index 0000000..29fad27 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/designer/components/panel/_wizard.scss @@ -0,0 +1,38 @@ +body { + .ui-wizard { + .ui-wizard-step-titles { + .ui-wizard-step-title { + border: $panelHeaderBorder; + background: $panelHeaderBg; + color: $panelHeaderTextColor; + padding: $panelHeaderPadding; + margin: 0; + border-right: 0 none; + border-radius: 0; + + &:first-child { + @include border-radius-left($borderRadius); + } + + &:last-child { + @include border-radius-right($borderRadius); + border-right: $panelHeaderBorder; + } + + &.ui-state-highlight { + background: $highlightBg; + color: $highlightTextColor; + } + } + } + + .ui-icon-arrowthick-1-w { + @include icon-override("\e91a"); + } + + .ui-icon-arrowthick-1-e { + @include icon_override('\e91b'); + } + + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_accordion.scss b/src/main/resources/resources/layout/styles/theme/extensions/_accordion.scss new file mode 100644 index 0000000..945a16e --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_accordion.scss @@ -0,0 +1,33 @@ +body { + .ui-accordion { + .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); + + &:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); + } + + &:first-child { + border-top-left-radius: $borderRadius; + border-top-right-radius: $borderRadius; + } + + &:last-child { + border-bottom-left-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + + &.ui-tabs-outline { + z-index: 0; + } + } + + .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_autocomplete.scss b/src/main/resources/resources/layout/styles/theme/extensions/_autocomplete.scss new file mode 100644 index 0000000..bc72ba7 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_autocomplete.scss @@ -0,0 +1,21 @@ +body { + .ui-autocomplete { + .ui-autocomplete-dropdown { + border: 1px solid transparent; + + &.ui-button { + padding: .714rem; + + .ui-button-text { + padding: .29rem; + } + } + } + } + + .ui-autocomplete-itemtip { + &.ui-state-highlight { + background: $inputListBg; + } + } +} diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_button.scss b/src/main/resources/resources/layout/styles/theme/extensions/_button.scss new file mode 100644 index 0000000..19a2d5e --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_button.scss @@ -0,0 +1,185 @@ +body { + .ui-button, .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; + + &.ui-button-icon-only { + min-width: auto; + } + + &.ui-state-focus { + background: rgba($buttonBg, .76); + } + + &.ui-state-active { + background: rgba($buttonBg, .68); + } + + &.ui-button-flat, + &.ui-button-outlined { + &.ui-state-focus { + background: rgba($buttonBg, .12); + } + + &.ui-state-active { + background: rgba($buttonBg, .16); + } + } + + &.ui-state-disabled { + background-color: $emphasis-lower !important; + color: $emphasis-low !important; + opacity: 1; + + &.ui-button-outlined { + background-color: transparent !important; + color: $emphasis-low !important; + border-color: $emphasis-low !important; + } + } + + &.ui-button-raised:enabled:focus { + box-shadow: $raisedButtonShadow; + } + } + + .ui-splitbutton { + > .ui-button { + &.ui-button-icon-only { + &.ui-state-focus { + background: rgba($buttonBg, .76); + } + + &.ui-state-active { + background: rgba($buttonBg, .68); + } + } + } + } + + .ui-button.ui-button-secondary, .ui-splitbutton.ui-button-secondary > .ui-button, .ui-linkbutton.ui-button-secondary { + &.ui-state-focus { + background: rgba($secondaryButtonBg, .76); + } + + &.ui-state-active { + background: rgba($secondaryButtonBg, .68); + } + + &.ui-button-flat, + &.ui-button-outlined { + &.ui-state-focus { + background: rgba($secondaryButtonBg, .12); + } + + &.ui-state-active { + background: rgba($secondaryButtonBg, .16); + } + } + } + + .ui-button.ui-button-info, .ui-splitbutton.ui-button-info > .ui-button, .ui-linkbutton.ui-button-info { + &.ui-state-focus { + background: rgba($infoButtonBg, .76); + } + + &.ui-state-active { + background: rgba($infoButtonBg, .68); + } + + &.ui-button-flat, + &.ui-button-outlined { + &.ui-state-focus { + background: rgba($infoButtonBg, .12); + } + + &.ui-state-active { + background: rgba($infoButtonBg, .16); + } + } + } + + .ui-button.ui-button-success, .ui-splitbutton.ui-button-success > .ui-button, .ui-linkbutton.ui-button-success { + &.ui-state-focus { + background: rgba($successButtonBg, .76); + } + + &.ui-state-active { + background: rgba($successButtonBg, .68); + } + + &.ui-button-flat, + &.ui-button-outlined { + &.ui-state-focus { + background: rgba($successButtonBg, .12); + } + + &.ui-state-active { + background: rgba($successButtonBg, .16); + } + } + } + + .ui-button.ui-button-warning, .ui-splitbutton.ui-button-warning > .ui-button, .ui-linkbutton.ui-button-warning { + &.ui-state-focus { + background: rgba($warningButtonBg, .76); + } + + &.ui-state-active { + background: rgba($warningButtonBg, .68); + } + + &.ui-button-flat, + &.ui-button-outlined { + &.ui-state-focus { + background: rgba($warningButtonBg, .12); + } + + &.ui-state-active { + background: rgba($warningButtonBg, .16); + } + } + } + + .ui-button.ui-button-help, .ui-splitbutton.ui-button-help > .ui-button, .ui-linkbutton.ui-button-help { + &.ui-state-focus { + background: rgba($helpButtonBg, .76); + } + + &.ui-state-active { + background: rgba($helpButtonBg, .68); + } + + &.ui-button-flat, + &.ui-button-outlined { + &.ui-state-focus { + background: rgba($helpButtonBg, .12); + } + + &.ui-state-active { + background: rgba($helpButtonBg, .16); + } + } + } + + .ui-button.ui-button-danger, .ui-splitbutton.ui-button-danger > .ui-button, .ui-linkbutton.ui-button-danger { + &.ui-state-focus { + background: rgba($dangerButtonBg, .76); + } + + &.ui-state-active { + background: rgba($dangerButtonBg, .68); + } + + &.ui-button-flat, + &.ui-button-outlined { + &.ui-state-focus { + background: rgba($dangerButtonBg, .12); + } + + &.ui-state-active { + background: rgba($dangerButtonBg, .16); + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_carousel.scss b/src/main/resources/resources/layout/styles/theme/extensions/_carousel.scss new file mode 100644 index 0000000..f44d2e0 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_carousel.scss @@ -0,0 +1,21 @@ +body { + .ui-carousel { + .ui-carousel-header, + .ui-carousel-footer, + .ui-carousel-viewport { + border: 0 none; + } + + .ui-carousel-viewport { + .ui-carousel-item { + border-radius: $borderRadius; + } + } + + .ui-carousel-dropdown { + padding: .5rem; + border-radius: $borderRadius; + border-color: nth($inputBorder, 3); + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_cascadeselect.scss b/src/main/resources/resources/layout/styles/theme/extensions/_cascadeselect.scss new file mode 100644 index 0000000..f3d0216 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_cascadeselect.scss @@ -0,0 +1,48 @@ +body { + .ui-cascadeselect { + .ui-inputfield, .ui-cascadeselect-trigger { + background-image: none; + background: transparent; + } + + .ui-inputfield { + border: 0 none; + } + + &:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px $inputFocusBorderColor, inset 0 0 0 1px $inputFocusBorderColor, inset 0 0 0 1px $inputFocusBorderColor, inset 0 0 0 1px $inputFocusBorderColor; + } + } + + &.ui-input-filled, .ui-input-filled { + .ui-cascadeselect { + @include filled-input-wrapper(); + + &:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: $inputHoverBorderColor; + } + + .ui-inputfield { + border: 0 none; + } + } + + .ui-cascadeselect.ui-state-error { + @include invalid-filled-input-wrapper(); + } + } + + .ui-cascadeselect.ui-state-error { + @include invalid-input(); + + &:hover { + @include invalid-input(); + } + + &.ui-state-focus { + @include invalid-input(); + box-shadow: inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_checkbox.scss b/src/main/resources/resources/layout/styles/theme/extensions/_checkbox.scss new file mode 100644 index 0000000..f77e383 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_checkbox.scss @@ -0,0 +1,92 @@ +body { + .ui-chkbox { + border-radius: 50%; + transition: box-shadow $transitionDuration; + + .ui-chkbox-box { + border-color: nth($checkboxBorder, 3); + border-radius: 2px; + position: relative; + + &:not(.ui-state-disabled).ui-state-hover { + border-color: nth($checkboxBorder, 3); + } + + &:not(.ui-state-disabled).ui-state-focus { + border-color: nth($checkboxBorder, 3); + } + + &.ui-state-active { + &:not(.ui-state-disabled).ui-state-hover { + border-color: $checkboxActiveBorderColor; + } + + &:not(.ui-state-disabled).ui-state-focus { + border-color: $checkboxActiveBorderColor; + } + + .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; + } + } + } + + &:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba($overlayColor, .04); + } + + &:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba($overlayColor, .12); + } + + &:has(.ui-state-active) { + &:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba($checkboxActiveBg, .04); + } + + &:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba($checkboxActiveBg, .12); + } + } + + &.ui-input-filled, .ui-input-filled { + .ui-chkbox { + .ui-chkbox-box { + background-color: $inputBg; + + &:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: $inputBg; + } + } + } + } + } +} + +@keyframes checkbox-check { + 0%{ + width: 0; + height: 0; + border-color: $checkboxTextActiveColor; + transform: translate3d(0,0,0) rotate(45deg); + } + 33%{ + width: 4px; + height: 0; + transform: translate3d(0,0,0) rotate(45deg); + } + 100%{ + width: 4px; + height: 10px; + border-color: $checkboxTextActiveColor; + transform: translate3d(0,-10px,0) rotate(45deg); + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_chips.scss b/src/main/resources/resources/layout/styles/theme/extensions/_chips.scss new file mode 100644 index 0000000..c4d57ae --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_chips.scss @@ -0,0 +1,53 @@ +body { + .ui-chips { + .ui-chips-container { + .ui-chips-token { + padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); + + .ui-chips-token-icon { + padding-right: 1rem; + } + + .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; + } + } + } + } + + &.ui-input-filled, .ui-input-filled { + .ui-chips-container { + @include filled-input-wrapper(); + } + } + + .ui-float-label { + .ui-chips-container { + .ui-chips-token { + padding: .25rem 1rem; + } + } + } + + &.ui-input-filled, .ui-input-filled { + .ui-float-label { + .ui-chips { + .ui-chips-container { + .ui-chips-token { + padding-top: 0; + padding-bottom: 0; + + .ui-chips-token-icon { + font-size: 75%; + } + } + + .ui-chips-input-token { + padding: 0; + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_chronoline.scss b/src/main/resources/resources/layout/styles/theme/extensions/_chronoline.scss new file mode 100644 index 0000000..257a084 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_chronoline.scss @@ -0,0 +1,15 @@ +body { + .ui-chronoline { + &.ui-chronoline-vertical { + .ui-chronoline-event-connector { + margin: .5rem 0; + } + } + + &.ui-chronoline-horizontal { + .ui-chronoline-event-connector { + margin: 0 .5rem; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_datascroller.scss b/src/main/resources/resources/layout/styles/theme/extensions/_datascroller.scss new file mode 100644 index 0000000..9a8b8f3 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_datascroller.scss @@ -0,0 +1,17 @@ +body { + .ui-datascroller { + .ui-datascroller-header { + border: 0 none; + border-bottom: $panelHeaderBorder; + } + + .ui-datascroller-footer { + border: 0 none; + border-top: $panelHeaderBorder; + } + + .ui-datascroller-content { + border: 0 none; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_datatable.scss b/src/main/resources/resources/layout/styles/theme/extensions/_datatable.scss new file mode 100644 index 0000000..88ec7a9 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_datatable.scss @@ -0,0 +1,40 @@ +body { + .ui-datatable { + thead { + th { + &.ui-sortable-column { + outline: 0 none; + + &.ui-state-focus { + background-color: rgba($overlayColor, 0.03); + } + + .ui-sortable-column-icon { + color: $datatableHeaderCellIconColor; + } + } + } + } + + .ui-datatable-data { + > tr { + outline: 0 none; + + &:not(.ui-state-highlight):focus { + background-color: rgba($overlayColor, 0.03); + } + } + } + + .ui-paginator { + &.ui-paginator-top { + border-top: 1px $paginatorBorder; + border-bottom: 1px $paginatorBorder; + } + + &.ui-paginator-bottom { + border-bottom: 1px $paginatorBorder; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_dataview.scss b/src/main/resources/resources/layout/styles/theme/extensions/_dataview.scss new file mode 100644 index 0000000..ec17170 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_dataview.scss @@ -0,0 +1,19 @@ +body { + .ui-dataview { + .ui-paginator { + &.ui-paginator-top { + border-bottom: 1px $paginatorBorder; + } + + &.ui-paginator-bottom { + border-top: 1px $paginatorBorder; + } + } + + &.ui-dataview-list { + .ui-dataview-row:last-child { + border-bottom: 0 none; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_datepicker.scss b/src/main/resources/resources/layout/styles/theme/extensions/_datepicker.scss new file mode 100644 index 0000000..de85453 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_datepicker.scss @@ -0,0 +1,91 @@ +body { + .ui-datepicker { + .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: .5rem; + } + + .ui-datepicker-calendar { + th { + border-bottom: $divider; + color: $emphasis-low; + font-weight: 400; + font-size: .875rem; + } + + td { + &.ui-datepicker-today, + &.ui-datepicker-current-day { + > a { + &:hover { + border: $calendarCellDateTodayBorder; + } + } + + > a, + > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba($overlayColor, .38); + + &.ui-state-active { + border: $calendarCellDateTodayBorder; + } + } + } + } + } + + &.ui-datepicker-monthpicker { + .ui-datepicker-header { + padding: 1rem; + } + } + + .ui-timepicker-timeinput { + input { + &:focus { + box-shadow: inset 0 0 0 1px $inputFocusBorderColor, inset 0 0 0 1px $inputFocusBorderColor, inset 0 0 0 1px $inputFocusBorderColor, inset 0 0 0 1px $inputFocusBorderColor; + } + } + } + + .ui-datepicker-group { + padding: 0; + } + } + + .p-datepicker { + .ui-datepicker-trigger { + &.ui-button { + padding: .714rem; + border: 1px solid transparent; + + .ui-button-text { + padding: .3rem; + } + } + } + } + + .ui-fluid { + .p-datepicker { + .ui-datepicker-trigger { + &.ui-button { + padding: .714rem; + border: 1px solid transparent; + + .ui-button-text { + padding: .3rem; + } + } + } + } + } + + .p-datepicker-panel:not(.ui-datepicker-timeonly) { + .ui-timepicker { + border-top: $calendarTitleBorder; + } + } + } \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_fieldset.scss b/src/main/resources/resources/layout/styles/theme/extensions/_fieldset.scss new file mode 100644 index 0000000..5c8114d --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_fieldset.scss @@ -0,0 +1,7 @@ +body { + .ui-fieldset { + .ui-fieldset-legend { + border: 0 none; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_float_label.scss b/src/main/resources/resources/layout/styles/theme/extensions/_float_label.scss new file mode 100644 index 0000000..ad259e6 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_float_label.scss @@ -0,0 +1,48 @@ +body { + .ui-float-label input.ui-state-focus ~ label, + .ui-float-label input.ui-state-filled ~ label, + .ui-float-label textarea.ui-state-focus ~ label, + .ui-float-label textarea.ui-state-filled ~ label, + .ui-float-label .ui-inputwrapper-focus ~ label, + .ui-float-label .ui-inputwrapper-filled ~ label { + top: -.5rem !important; + background-color: $inputBg; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; + } + + .ui-float-label textarea ~ label { + margin-top: 0; + } + + .ui-float-label input.ui-state-focus ~ label, + .ui-float-label .ui-inputwrapper-focus ~ label { + color: $inputFocusBorderColor; + } + + .ui-float-label { + > label { + margin-left: 0; + } + } + + &.ui-input-filled, .ui-input-filled { + .ui-float-label { + .ui-inputfield { + @include filled-input-float-label(); + } + + input.ui-state-focus ~ label, + input.ui-state-filled ~ label, + textarea.ui-state-focus ~ label, + textarea.ui-state-filled ~ label, + .ui-inputwrapper-focus ~ label, + .ui-inputwrapper-filled ~ label { + top: .25rem !important; + margin-top: 0; + background: transparent; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_input.scss b/src/main/resources/resources/layout/styles/theme/extensions/_input.scss new file mode 100644 index 0000000..3abc567 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_input.scss @@ -0,0 +1,30 @@ +body { + .ui-inputfield { + &:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px $inputFocusBorderColor, inset 0 0 0 1px $inputFocusBorderColor, inset 0 0 0 1px $inputFocusBorderColor, inset 0 0 0 1px $inputFocusBorderColor; + } + + &.ui-state-error { + &.ui-state-hover { + @include invalid-input(); + } + + &.ui-state-focus { + @include invalid-input(); + box-shadow: inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor; + } + } + } + + &.ui-input-filled, .ui-input-filled { + .ui-inputfield { + @include filled-input(); + } + } + + .ui-float-label > label { + left: nth($inputPadding, 2); + color: $inputPlaceholderTextColor; + transition-duration: $transitionDuration; + } +} diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_inputgroup.scss b/src/main/resources/resources/layout/styles/theme/extensions/_inputgroup.scss new file mode 100644 index 0000000..8b2675f --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_inputgroup.scss @@ -0,0 +1,76 @@ +body { + .ui-fluid { + .ui-inputgroup { + .ui-button { + min-width: auto; + flex-shrink: 0; + } + + .ui-button-icon-only { + width: 3rem; + min-width: 3rem; + } + + .ui-inputgroup-addon, + .ui-inputgroup-addon-checkbox { + min-width: 3rem; + + &:first-child { + display: flex; + align-items: center; + justify-content: center; + } + } + } + } + + &.ui-input-filled, .ui-input-filled { + .ui-inputgroup { + .ui-inputgroup-addon, .ui-inputgroup-addon-checkbox { + @include filled-input-default(); + + &:last-child { + border-right-color: transparent; + } + } + } + + .ui-inputgroup-addon:first-child, + .ui-inputgroup button:first-child, + .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; + } + + .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; + } + + .ui-inputgroup-addon:last-child, + .ui-inputgroup button:last-child, + .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; + } + + .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; + } + } + + .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), + .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), + .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), + .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child)>.ui-inputtext, + .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), + .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), + .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child)>.ui-inputfield, + .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child)>.ui-chips-container, + .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child)>.ui-button, + .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child)>.ui-autocomplete-input, + .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), + .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child)>.ui-spinner-input, + .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child)>.ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_menu.scss b/src/main/resources/resources/layout/styles/theme/extensions/_menu.scss new file mode 100644 index 0000000..8695e0c --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_menu.scss @@ -0,0 +1,9 @@ +body { + .ui-menu { + &.ui-slidemenu { + .ui-slidemenu-backward { + color: $menuitemTextColor; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_mixins.scss b/src/main/resources/resources/layout/styles/theme/extensions/_mixins.scss new file mode 100644 index 0000000..9272268 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_mixins.scss @@ -0,0 +1,102 @@ +@mixin filled-input() { + @include filled-input-default(); + @include filled-input-interaction(); +} + +@mixin filled-input-wrapper() { + @include filled-input-wrapper-default(); + @include filled-input-wrapper-interaction(); +} + +@mixin filled-input-default() { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: $inputFilledBg no-repeat; + background-image: linear-gradient(to bottom, $inputFocusBorderColor, $inputFocusBorderColor), linear-gradient(to bottom, nth($inputBorder, 3), nth($inputBorder, 3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} + +@mixin invalid-filled-input() { + border-color: transparent; + background-image: linear-gradient(to bottom, $inputErrorBorderColor, $inputErrorBorderColor), linear-gradient(to bottom, $inputErrorBorderColor, $inputErrorBorderColor); + + &.ui-state-focus { + box-shadow: none; + border-color: transparent; + } +} + +@mixin filled-input-interaction() { + &.ui-state-hover { + background-color: $inputFilledHoverBg; + border-color: transparent; + background-image: linear-gradient(to bottom, $inputFocusBorderColor, $inputFocusBorderColor), linear-gradient(to bottom, $inputHoverBorderColor, $inputHoverBorderColor); + } + + &.ui-state-focus { + box-shadow: none; + background-color: $inputFilledFocusBg; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + + &.ui-state-error { + @include invalid-filled-input(); + } +} + +@mixin filled-input-wrapper-default() { + @include filled-input-default(); + + .ui-inputfield { + background-image: none; + background-color: transparent; + } +} + +@mixin invalid-filled-input-wrapper() { + border-color: transparent; + background-image: linear-gradient(to bottom, $inputErrorBorderColor, $inputErrorBorderColor), linear-gradient(to bottom, $inputErrorBorderColor, $inputErrorBorderColor); + + &:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; + } +} + +@mixin filled-input-wrapper-interaction() { + &:not(.ui-state-disabled).ui-state-hover { + background-color: $inputFilledHoverBg; + border-color: transparent; + background-image: linear-gradient(to bottom, $inputFocusBorderColor, $inputFocusBorderColor), linear-gradient(to bottom, $emphasis-high, $emphasis-high); + } + + &:not(.ui-state-disabled).ui-state-focus, + &:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: $inputFilledFocusBg; + border-color: transparent; + background-size: 100% 2px, 100% 1px; + } + + .ui-inputfield { + &.ui-state-hover, + &.ui-state-focus { + background-image: none; + background: transparent; + } + } +} + +@mixin filled-input-float-label() { + @if (nth($inputPadding, 1) == 1rem) { + padding-top: 1.5rem; + padding-bottom: .5rem; + } @else if (nth($inputPadding, 1) == .75rem) { + padding-top: 1.25rem; + padding-bottom: .25rem; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_multiselectlistbox.scss b/src/main/resources/resources/layout/styles/theme/extensions/_multiselectlistbox.scss new file mode 100644 index 0000000..07a3f32 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_multiselectlistbox.scss @@ -0,0 +1,8 @@ +body { + .ui-multiselectlistbox { + .ui-multiselectlistbox-listcontainer { + border: $inputListBorder; + border-radius: $borderRadius; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_overlaypanel.scss b/src/main/resources/resources/layout/styles/theme/extensions/_overlaypanel.scss new file mode 100644 index 0000000..ac7cbcc --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_overlaypanel.scss @@ -0,0 +1,7 @@ +body { + .ui-overlaypanel { + .ui-overlaypanel-content { + padding: 1.5rem; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_paginator.scss b/src/main/resources/resources/layout/styles/theme/extensions/_paginator.scss new file mode 100644 index 0000000..4d8c70b --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_paginator.scss @@ -0,0 +1,9 @@ +body { + .ui-paginator { + .ui-paginator-rpp-options { + padding: .5rem; + border-radius: $borderRadius; + border-color: nth($inputBorder, 3); + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_panel.scss b/src/main/resources/resources/layout/styles/theme/extensions/_panel.scss new file mode 100644 index 0000000..a9b4188 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_panel.scss @@ -0,0 +1,17 @@ +body { + .ui-panel { + border-radius: $borderRadius; + box-shadow: $cardShadow; + + .ui-panel-titlebar, + .ui-panel-content, + .ui-panel-footer { + border: 0 none; + border-radius: $borderRadius; + } + + .ui-panel-title { + font-size: 1.25rem; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_panelmenu.scss b/src/main/resources/resources/layout/styles/theme/extensions/_panelmenu.scss new file mode 100644 index 0000000..75e4ac6 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_panelmenu.scss @@ -0,0 +1,28 @@ +body { + .ui-panelmenu { + .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); + + &:first-child { + border-top-left-radius: $borderRadius; + border-top-right-radius: $borderRadius; + } + + &:last-child { + border-bottom-left-radius: $borderRadius; + border-bottom-right-radius: $borderRadius; + } + + h3.ui-panelmenu-header { + &:not(.ui-state-active).ui-menuitem-outline { + background: $accordionHeaderHoverBg; + } + } + + .ui-panelmenu-content { + border: $accordionContentBorder; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_progressbar.scss b/src/main/resources/resources/layout/styles/theme/extensions/_progressbar.scss new file mode 100644 index 0000000..cf4d8b9 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_progressbar.scss @@ -0,0 +1,7 @@ +body { + .ui-progressbar { + .ui-progressbar-label { + font-size: 0; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_radiobutton.scss b/src/main/resources/resources/layout/styles/theme/extensions/_radiobutton.scss new file mode 100644 index 0000000..598333e --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_radiobutton.scss @@ -0,0 +1,50 @@ +body { + .ui-radiobutton { + .ui-radiobutton-box { + border: $radiobuttonBorder; + + &:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: nth($radiobuttonBorder, 3); + box-shadow: 0 0 1px 10px rgba($overlayColor, .04); + } + + &:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba($overlayColor, .12); + } + + &.ui-state-active { + .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; + } + + &:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba($radiobuttonActiveBorderColor, .04); + } + + &:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba($radiobuttonActiveBorderColor, .12); + } + } + + .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(.1); + visibility: hidden; + transition-duration: 0.2s; + } + } + } + + &.ui-input-filled, .ui-input-filled { + .ui-radiobutton { + .ui-radiobutton-box { + background-color: $inputBg; + + &:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: $inputBg; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_rating.scss b/src/main/resources/resources/layout/styles/theme/extensions/_rating.scss new file mode 100644 index 0000000..5c2039e --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_rating.scss @@ -0,0 +1,57 @@ +body { + .ui-rating { + .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; + + a { + display: flex; + align-items: center; + justify-content: center; + } + + &.ui-state-focus { + background: rgba($primaryColor, .12); + } + } + + .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; + + a { + display: flex; + align-items: center; + justify-content: center; + } + + &.ui-state-focus { + background: rgba($ratingCancelIconColor, .12); + } + } + + &:not(.ui-state-disabled) { + .ui-rating-star { + &:hover { + background-color: rgba(0,0,0,.04); + } + } + + .ui-rating-cancel { + &:hover { + background: rgba($ratingCancelIconColor, .04); + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_scrollpanel.scss b/src/main/resources/resources/layout/styles/theme/extensions/_scrollpanel.scss new file mode 100644 index 0000000..235ba0d --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_scrollpanel.scss @@ -0,0 +1,13 @@ +body { + .ui-scrollpanel { + border: 0 none; + + .ui-scrollpanel-track { + border-radius: $borderRadius; + + .ui-scrollpanel-drag { + border-radius: $borderRadius; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_selectbooleanbutton.scss b/src/main/resources/resources/layout/styles/theme/extensions/_selectbooleanbutton.scss new file mode 100644 index 0000000..2c00106 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_selectbooleanbutton.scss @@ -0,0 +1,15 @@ +body { + .ui-button { + &.ui-selectbooleanbutton { + &.ui-state-focus { + background: $toggleButtonActiveBg; + border-color: $toggleButtonActiveBorderColor; + } + + &.ui-state-active { + background: $toggleButtonActiveBg; + border-color: $toggleButtonActiveBorderColor; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_selectcheckboxmenu.scss b/src/main/resources/resources/layout/styles/theme/extensions/_selectcheckboxmenu.scss new file mode 100644 index 0000000..891a84e --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_selectcheckboxmenu.scss @@ -0,0 +1,53 @@ +body { + .ui-selectcheckboxmenu { + &.ui-state-error { + &:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor; + } + } + + .ui-selectcheckboxmenu-multiple-container { + .ui-selectcheckboxmenu-token { + padding: math.div(nth($inputPadding, 1), 2) nth($inputPadding, 2); + margin-bottom: .1rem; + + .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; + } + + .ui-selectcheckboxmenu-token-icon { + padding-right: .5rem; + } + } + } + } + + &.ui-input-filled, .ui-input-filled { + .ui-selectcheckboxmenu { + border: 0 none; + + &:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: $inputHoverBorderColor; + } + } + + .ui-selectcheckboxmenu { + @include filled-input(); + + .ui-inputfield { + background-image: none; + background: transparent; + } + } + + .ui-selectcheckboxmenu.ui-state-error { + @include invalid-filled-input-wrapper(); + + &:not(.ui-state-disabled).ui-state-hover { + @include invalid-filled-input-wrapper(); + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_selectmanybutton.scss b/src/main/resources/resources/layout/styles/theme/extensions/_selectmanybutton.scss new file mode 100644 index 0000000..948d0cd --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_selectmanybutton.scss @@ -0,0 +1,10 @@ +body { + .ui-selectmanybutton { + .ui-button { + &.ui-state-focus { + background: $toggleButtonActiveBg; + border-color: $toggleButtonActiveBorderColor; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_selectmanymenu.scss b/src/main/resources/resources/layout/styles/theme/extensions/_selectmanymenu.scss new file mode 100644 index 0000000..bf095cb --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_selectmanymenu.scss @@ -0,0 +1,27 @@ +body { + &.ui-input-filled, .ui-input-filled { + .ui-selectmanymenu { + border: $inputListBorder; + border-radius: $borderRadius; + + &.ui-inputfield { + &.ui-state-error { + border-color: $inputErrorBorderColor; + background: $inputBg; + + &.ui-state-focus { + border-color: $inputErrorBorderColor; + box-shadow: inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor; + + } + } + + &.ui-state-focus { + border: $inputListBorder; + background: $inputBg; + border-radius: $borderRadius; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_selectonebutton.scss b/src/main/resources/resources/layout/styles/theme/extensions/_selectonebutton.scss new file mode 100644 index 0000000..cb818f6 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_selectonebutton.scss @@ -0,0 +1,10 @@ +body { + .ui-selectonebutton { + .ui-button { + &.ui-state-focus { + background: $toggleButtonActiveBg; + border-color: $toggleButtonActiveBorderColor; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_selectonelistbox.scss b/src/main/resources/resources/layout/styles/theme/extensions/_selectonelistbox.scss new file mode 100644 index 0000000..b7773c1 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_selectonelistbox.scss @@ -0,0 +1,40 @@ +body { + &.ui-input-filled, .ui-input-filled { + .ui-selectonelistbox { + border: $inputListBorder; + border-radius: $borderRadius; + + &.ui-inputfield { + &.ui-state-error { + border-color: $inputErrorBorderColor; + background: $inputBg; + + &.ui-state-focus { + border-color: $inputErrorBorderColor; + box-shadow: inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor; + } + } + + &:not(.ui-state-error).ui-state-focus { + border: $inputListBorder; + background: $inputBg; + border-radius: $borderRadius; + } + } + } + } + + .ui-selectonelistbox { + &.ui-inputfield { + &.ui-state-error { + &.ui-state-focus { + box-shadow: none; + } + } + + &:not(.ui-state-error).ui-state-focus { + box-shadow: none; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_selectonemenu.scss b/src/main/resources/resources/layout/styles/theme/extensions/_selectonemenu.scss new file mode 100644 index 0000000..ae33806 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_selectonemenu.scss @@ -0,0 +1,40 @@ +body { + .ui-selectonemenu { + &.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px $inputFocusBorderColor, inset 0 0 0 1px $inputFocusBorderColor, inset 0 0 0 1px $inputFocusBorderColor, inset 0 0 0 1px $inputFocusBorderColor; + } + + &.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor, inset 0 0 0 1px $inputErrorBorderColor; + + } + + .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; + } + } + + &.ui-input-filled, .ui-input-filled { + .ui-selectonemenu { + @include filled-input-wrapper(); + + .ui-inputfield { + border: 0 none; + } + + &.ui-state-error { + @include invalid-filled-input(); + + &:not(.ui-state-disabled).ui-state-hover { + @include invalid-filled-input(); + } + + &:not(.ui-state-disabled).ui-state-focus { + @include invalid-filled-input-wrapper(); + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_slider.scss b/src/main/resources/resources/layout/styles/theme/extensions/_slider.scss new file mode 100644 index 0000000..61cafa7 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_slider.scss @@ -0,0 +1,16 @@ +body { + .ui-slider { + .ui-slider-handle { + transition: transform $transitionDuration, box-shadow $transitionDuration; + transform: scale(.7); + + &.ui-state-focus { + box-shadow: 0 0 1px 10px rgba($accentColor, .2); + } + + &.ui-state-active { + transform: scale(1); + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_spinner.scss b/src/main/resources/resources/layout/styles/theme/extensions/_spinner.scss new file mode 100644 index 0000000..e811c9c --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_spinner.scss @@ -0,0 +1,37 @@ +body { + .ui-spinner { + .ui-spinner-button.ui-button { + min-width: 3rem; + } + + &.ui-spinner-horizontal-after { + .ui-inputfield { + padding-right: 7rem; + } + + .ui-spinner-down { + right: 3rem; + } + } + + &.ui-spinner-vertical { + .ui-spinner-input { + min-width: 3rem; + } + } + } + + .ui-fluid { + .ui-spinner { + &.ui-spinner-horizontal-after { + .ui-inputfield { + padding-right: 7rem; + } + + .ui-spinner-down { + right: 3rem; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_steps.scss b/src/main/resources/resources/layout/styles/theme/extensions/_steps.scss new file mode 100644 index 0000000..15ef0c1 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_steps.scss @@ -0,0 +1,27 @@ +body { + .ui-steps { + .ui-steps-item { + &:not(.ui-state-highlight) { + opacity: 1; + } + + .ui-menuitem-link { + .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; + } + } + + &.ui-state-highlight { + .ui-steps-number { + background-color: $primaryColor; + color: $primaryTextColor; + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_tabmenu.scss b/src/main/resources/resources/layout/styles/theme/extensions/_tabmenu.scss new file mode 100644 index 0000000..d4c5b80 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_tabmenu.scss @@ -0,0 +1,11 @@ +body { + .ui-tabmenu { + .ui-tabmenu-nav { + .ui-tabmenuitem { + &.ui-state-focus { + background-color: rgba($primaryColor, .12); + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_tabs.scss b/src/main/resources/resources/layout/styles/theme/extensions/_tabs.scss new file mode 100644 index 0000000..e330845 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_tabs.scss @@ -0,0 +1,21 @@ +body { + .ui-tabs { + .ui-tabs-nav { + li { + &.ui-tabs-header { + &.ui-state-active { + transition: border-color $transitionDuration; + + &.ui-tabs-outline { + background-color: rgba($primaryColor, .12); + } + } + + &.ui-tabs-outline { + background-color: rgba($primaryColor, .12); + } + } + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_toggleswitch.scss b/src/main/resources/resources/layout/styles/theme/extensions/_toggleswitch.scss new file mode 100644 index 0000000..53c4d44 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_toggleswitch.scss @@ -0,0 +1,61 @@ +body { + .ui-toggleswitch { + height: 1rem; + + .ui-toggleswitch-slider:before, + .ui-toggleswitch-handler { + width: 1.50rem; + height: 1.50rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba($overlayColor, 0.2), 0px 2px 2px 0px rgba($overlayColor, 0.14), 0px 1px 5px 0px rgba($overlayColor, .12); + font-size: math.div(1.50rem, 2); + line-height: 1.50rem; + } + + .ui-toggleswitch-handler { + span { + font-size: math.div(1.50rem, 2); + line-height: 1.50rem; + } + } + + &.ui-toggleswitch-checked { + .ui-toggleswitch-slider:before, + .ui-toggleswitch-handler { + transform: translateX(1.51rem); + } + } + + &:not(.ui-state-disabled):hover { + .ui-toggleswitch-slider:before, + .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba($overlayColor, 0.2), 0px 2px 2px 0px rgba($overlayColor, 0.14), 0px 1px 5px 0px rgba($overlayColor, .12), 0 0 1px 10px rgba($overlayColor, .04), + } + } + + &.ui-toggleswitch-focus, + &.ui-toggleswitch-focus:not(.ui-state-disabled):hover { + .ui-toggleswitch-slider:before, + .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba($overlayColor, .12), 0px 3px 1px -2px rgba($overlayColor, 0.2), 0px 2px 2px 0px rgba($overlayColor, 0.14), 0px 1px 5px 0px rgba($overlayColor, .12); + } + } + + &.ui-toggleswitch-checked:not(.ui-state-disabled):hover { + .ui-toggleswitch-slider:before, + .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba($inputSwitchHandleOnBg, .04), 0px 3px 1px -2px rgba($overlayColor, 0.2), 0px 2px 2px 0px rgba($overlayColor, 0.14), 0px 1px 5px 0px rgba($overlayColor, .12); + } + } + + &.ui-toggleswitch-checked.ui-toggleswitch-focus, + &.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover { + .ui-toggleswitch-slider:before, + .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba($inputSwitchHandleOnBg, .12), 0px 3px 1px -2px rgba($overlayColor, 0.2), 0px 2px 2px 0px rgba($overlayColor, 0.14), 0px 1px 5px 0px rgba($overlayColor, .12); + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_toolbar.scss b/src/main/resources/resources/layout/styles/theme/extensions/_toolbar.scss new file mode 100644 index 0000000..6eb4c4a --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_toolbar.scss @@ -0,0 +1,5 @@ +body { + .ui-toolbar { + border: 0 none; + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_tooltip.scss b/src/main/resources/resources/layout/styles/theme/extensions/_tooltip.scss new file mode 100644 index 0000000..54e44c3 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_tooltip.scss @@ -0,0 +1,13 @@ +body { + .ui-tooltip { + .ui-tooltip-text { + box-shadow: none; + font-size: .875rem; + padding: .5rem; + } + + .ui-tooltip-arrow { + display: none; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_treetable.scss b/src/main/resources/resources/layout/styles/theme/extensions/_treetable.scss new file mode 100644 index 0000000..19224eb --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_treetable.scss @@ -0,0 +1,40 @@ +body { + .ui-treetable { + thead { + th { + &.ui-sortable-column { + outline: 0 none; + + &.ui-state-focus { + background-color: rgba($overlayColor, 0.03); + } + + .ui-sortable-column-icon { + color: $datatableHeaderCellIconColor; + } + } + } + } + + .ui-treetable-data { + > tr { + outline: 0 none; + + &:not(.ui-state-highlight):focus { + background-color: rgba($overlayColor, 0.03); + } + } + } + + .ui-paginator { + &.ui-paginator-top { + border-top: 1px $paginatorBorder; + border-bottom: 1px $paginatorBorder; + } + + &.ui-paginator-bottom { + border-bottom: 1px $paginatorBorder; + } + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_vendor_extensions.scss b/src/main/resources/resources/layout/styles/theme/extensions/_vendor_extensions.scss new file mode 100644 index 0000000..eaacc4a --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_vendor_extensions.scss @@ -0,0 +1,45 @@ +@use 'sass:math'; + +@import "./_mixins"; +@import "./_accordion"; +@import "./_autocomplete"; +@import "./_button"; +@import "./_cascadeselect"; +@import "./_carousel"; +@import "./_checkbox"; +@import "./_chips"; +@import "./_chronoline"; +@import "./_datepicker"; +@import "./_datascroller"; +@import "./_datatable"; +@import "./_dataview"; +@import "./_fieldset"; +@import "./_float_label"; +@import "./_input"; +@import "./_inputgroup"; +@import "./_menu"; +@import "./_multiselectlistbox"; +@import "./_overlaypanel"; +@import "./_radiobutton"; +@import "./_rating"; +@import "./_paginator"; +@import "./_panel"; +@import "./_panelmenu"; +@import "./_progressbar"; +@import "./_scrollpanel"; +@import "./_selectcheckboxmenu"; +@import "./_selectbooleanbutton"; +@import "./_selectonebutton"; +@import "./_selectonemenu"; +@import "./_selectonelistbox"; +@import "./_selectmanybutton"; +@import "./_selectmanymenu"; +@import "./_slider"; +@import "./_spinner"; +@import "./_steps"; +@import "./_tabmenu"; +@import "./_tabs"; +@import "./_toggleswitch"; +@import "./_toolbar"; +@import "./_tooltip"; +@import "./_treetable"; \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/extensions/_vendor_extensions_compact.scss b/src/main/resources/resources/layout/styles/theme/extensions/_vendor_extensions_compact.scss new file mode 100644 index 0000000..5261921 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/extensions/_vendor_extensions_compact.scss @@ -0,0 +1,141 @@ +@import "./_vendor_extensions"; + +body { + .ui-accordion { + .ui-accordion-content { + padding: $accordionContentPadding; + } + } + + .ui-autocomplete { + .ui-autocomplete-dropdown { + &.ui-button { + padding: .643rem; + + .ui-button-text { + padding: .108rem; + } + } + } + } + + .ui-chips { + .ui-chips-container { + .ui-chips-token { + .ui-chips-token-icon { + padding-right: .5rem; + } + } + } + } + + .p-datepicker { + .ui-datepicker-trigger { + &.ui-button { + padding: .643rem; + + .ui-button-text { + padding: .108rem; + } + } + } + } + + .ui-fluid { + .p-datepicker { + .ui-datepicker-trigger { + &.ui-button { + padding: .643rem; + + .ui-button-text { + padding: .108rem; + } + } + } + } + } + + .ui-fluid { + .ui-inputgroup { + .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; + } + + .ui-inputgroup-addon, + .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; + } + } + } + + .ui-spinner { + .ui-spinner-button.ui-button { + min-width: 2.75rem; + } + + &.ui-spinner-horizontal-after { + .ui-inputfield { + padding-right: 6rem; + } + + .ui-spinner-down { + right: 2.75rem; + } + } + + &.ui-spinner-vertical { + width: 4rem; + + .ui-spinner-input { + min-width: 2.75rem; + } + } + } + + .ui-fluid { + .ui-spinner { + &.ui-spinner-horizontal-after { + .ui-inputfield { + padding-right: 6rem; + } + + .ui-spinner-down { + right: 2.75rem; + } + } + } + } + + .ui-tree { + &.ui-tree-horizontal { + .ui-treenode { + .ui-treenode-content { + padding: .25rem; + } + } + } + } + + .ui-scrollpanel { + .ui-scrollpanel-track { + width: 9px; + } + } + + .ui-confirm-popup { + .ui-confirm-popup-footer { + .ui-button { + .ui-button-text { + padding: .492rem .75rem; + } + } + } + } + + .ui-messages { + ul { + margin-top: .25rem; + } + } +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/theme-common/_compact.scss b/src/main/resources/resources/layout/styles/theme/theme-common/_compact.scss new file mode 100644 index 0000000..5723233 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/theme-common/_compact.scss @@ -0,0 +1,73 @@ +$actionIconWidth: 2rem; +$actionIconHeight: 2rem; + +$inputPadding: .75rem .75rem; +$inputListItemPadding: .75rem .75rem; +$inputListHeaderPadding: .75rem .75rem; +$inputGroupAddonMinWidth: 2.75rem; +$inputButtonWidth: 2.75rem; +$inputContentPanelPadding: .75rem; + +$buttonTextOnlyPadding: 0.643rem .75rem; +$buttonWithLeftIconPadding: 0.643rem .75rem 0.643rem 2.5rem; +$buttonWithRightIconPadding: 0.643rem 2.5rem 0.643rem .75rem; +$buttonIconOnlyWidth: 2.75rem; +$buttonIconOnlyPadding: 0.643rem; + +$ratingIconFontSize: 1rem; + +$calendarCellDateWidth: 2.25rem; +$calendarCellDateHeight: 2.25rem; + +$calendarButtonBarPadding: .75rem 0; + +$panelHeaderPadding: .75rem; +$panelContentPadding: .75rem; +$panelFooterPadding: .75rem .75rem; + +$accordionHeaderPadding: 1.25rem; +$accordionContentPadding: .75rem 1.25rem; + +$tabsHeaderPadding: .75rem 1.25rem; +$tabsContentPadding: .75rem; + +$cardBodyPadding: .75rem; +$cardContentPadding: .75rem 0; +$cardFooterPadding: .75rem 0 0 0; +$paginatorPadding: .375rem .75rem; + +$datatableHeaderPadding: .75rem .75rem; +$datatableHeaderCellPadding: .75rem .75rem; +$datatableBodyCellPadding: .75rem .75rem; +$datatableFooterCellPadding: .75rem .75rem; +$datatableFooterPadding: .75rem .75rem; + +$dataViewContentPadding: .75rem 0; + +$messagesMargin: .75rem 0; +$messagesPadding: 1rem 1.25rem; +$messagesIconFontSize: 1.5rem; + +$growlPadding: 1.25rem; +$growlIconFontSize: 2rem; + +$dialogHeaderPadding: 1.25rem; +$dialogContentPadding: 0.2rem 1.25rem 1.25rem 1.25rem; +$dialogFooterPadding: .75rem 1.25rem; +$confirmDialogContentPadding: 0.2rem 1.25rem 1.25rem 1.25rem; + +$overlayPanelCloseIconWidth: 2.25rem; +$overlayPanelCloseIconHeight: 2.25rem; + +$menuitemPadding: .75rem .75rem; +$submenuHeaderPadding: .75rem; + +$breadcrumbPadding: .75rem; + +$horizontalMenuPadding: .75rem; + +$sliderHandleWidth: 14px; +$sliderHandleHeight: 14px; + +$confirmPopupContentPadding: .75rem; +$confirmPopupFooterPadding: .75rem .75rem; \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/theme-dark/_theme.scss b/src/main/resources/resources/layout/styles/theme/theme-dark/_theme.scss new file mode 100644 index 0000000..14dd79e --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/theme-dark/_theme.scss @@ -0,0 +1,6 @@ +@import './_variables'; +@import '../theme-common/_compact'; +@import './overrides/_variables'; +@import '../designer/_components'; +@import '../extensions/_vendor_extensions_compact'; +@import './overrides/_theme'; \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/theme-dark/_variables.scss b/src/main/resources/resources/layout/styles/theme/theme-dark/_variables.scss new file mode 100644 index 0000000..a10f1de --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/theme-dark/_variables.scss @@ -0,0 +1,821 @@ +$colors: ( + "blue": #2196F3, + "green": #689F38, + "yellow": #FBC02D, + "cyan": #00BCD4, + "pink": #E91E63, + "indigo": #4E5FBB, + "teal": #009688, + "orange": #FF9800, + "bluegray": #607D8B, + "purple": #9C27B0, + "red": #F44336, + "primary": $primaryColor +) !default; + +$emphasis-high: rgba(255, 255, 255, .87); +$emphasis-medium: rgba(255, 255, 255, .60); +$emphasis-low: rgba(255, 255, 255, .38); +$emphasis-lower: rgba(255, 255, 255, .12); +$overlayColor: #ffffff; + +//global +$fontFamily: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +$fontSize: 1rem; +$textColor: $emphasis-high; +$textSecondaryColor: $emphasis-medium; +$borderRadius: 4px; +$transitionDuration: .2s; +$transition: background-color $transitionDuration, border-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1) !default; +$actionIconTransition:background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration, opacity $transitionDuration ease-in-out !default; +$listItemTransition:none !default; +$animationDuration: .4s; +$animationTimingFunction: cubic-bezier(.05, .74, .2, .99); +$letterSpacing: normal; +$tabletBreakpoint: 991px; +$phoneBreakpoint: 576px; +$iconSize: 1rem; +$divider: 1px solid hsla(0, 0%, 100%, .12); +$inlineSpacing: .5rem; +$disabledOpacity: .38; +$maskBg: rgba(0, 0, 0, 0.32); +$errorColor: #f44435; + +//selected state +$highlightBg: rgba($primaryColor, .16) !default; +$highlightTextColor: $primaryColor !default; + +//focus +$focusOutlineColor: transparent; +$focusOutline: 0 none; +$focusOutlineOffset: 0; +$focusShadow: none; + +//action icons +$actionIconWidth: 2.5rem; +$actionIconHeight: 2.5rem; +$actionIconBg: transparent; +$actionIconBorder: 0 none; +$actionIconColor: $textSecondaryColor; +$actionIconHoverBg: rgba($overlayColor, .04); +$actionIconHoverBorderColor: transparent; +$actionIconHoverColor: $textSecondaryColor; +$actionIconBorderRadius: 50%; + +//input field +$inputPadding: 1rem 1rem; +$inputTextFontSize: 1rem; +$inputBg: #1e1e1e; +$inputTextColor: $emphasis-high; +$inputIconColor: $emphasis-medium; +$inputBorder: 1px solid hsla(0, 0%, 100%, .3); +$inputHoverBorderColor: $emphasis-medium; +$inputFocusBorderColor: $primaryColor; +$inputErrorBorderColor: $errorColor; +$inputPlaceholderTextColor: $emphasis-medium; +$inputFocusShadow: none; +$inputFilledBg: hsla(0, 0%, 100%, .06); +$inputFilledHoverBg: hsla(0, 0%, 100%, .08); +$inputFilledFocusBg: hsla(0, 0%, 100%, .1); + +//input groups +$inputGroupBorderColor: hsla(0, 0%, 100%, .3); +$inputGroupBg: $inputBg; +$inputGroupTextColor: $emphasis-medium; +$inputGroupIconColor: $emphasis-medium; +$inputGroupAddonMinWidth: 2.357rem; + +//input lists +$inputListMinWidth: 12rem; +$inputListBg: #1e1e1e; +$inputListBorder: 1px solid hsla(0, 0%, 100%, .3); +$inputListPadding: 0; +$inputListItemPadding: 1rem 1rem; +$inputListItemBg: transparent; +$inputListItemTextColor: $textColor; +$inputListItemHoverBg: hsla(0, 0%, 100%, .04); +$inputListItemTextHoverColor: $textColor; +$inputListItemHighlightBg: $highlightBg; +$inputListItemHighlightTextColor: $highlightTextColor; +$inputListItemBorder: 0 none; +$inputListItemBorderRadius: 0; +$inputListItemMargin: 0; +$inputListItemFocusShadow:none !default; +$inputListHeaderPadding: 1rem 1rem; +$inputListHeaderBg: #1e1e1e; +$inputListHeaderTextColor: $textColor; +$inputListHeaderBorder: 1px solid hsla(0, 0%, 100%, .12); + +//inputs with panels (password, keyboard) +$inputContentPanelPadding: 1rem; +$inputContentPanelBg: #2b2b2b; +$inputContentPanelTextColor: $textColor; + +//inputs with overlays +$inputOverlayBorder: 0 none; +$inputOverlayHeaderBg: #2b2b2b; +$inputOverlayShadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); + +//inputs with buttons +$inputButtonWidth: 3rem; + +//button +$buttonTextOnlyPadding: 0.714rem 1rem; +$buttonWithLeftIconPadding: 0.714rem 1rem 0.714rem 2.5rem; +$buttonWithRightIconPadding: 0.714rem 2.5rem 0.714rem 1rem; +$buttonIconOnlyWidth: 3rem; +$buttonIconOnlyPadding: 0.714rem; +$buttonBg: $primaryColor; +$buttonTextColor: $primaryTextColor; +$buttonBorder: 0 none; +$buttonHoverBg: rgba($primaryColor, .92); +$buttonTextHoverColor: $primaryTextColor; +$buttonHoverBorderColor: transparent; +$buttonActiveBg: rgba($primaryColor, .68); +$buttonTextActiveColor: $primaryTextColor; +$buttonActiveBorderColor: transparent; + +$buttonFocusOutline: 0 none; +$buttonFocusOutlineOffset: 0; +$buttonFocusShadow: none; +$raisedButtonShadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); +$roundedButtonBorderRadius: 2rem; + +$textButtonHoverBgOpacity: .04; +$textButtonActiveBgOpacity: .16; +$outlinedButtonBorder: 1px solid; +$plainButtonTextColor: $textSecondaryColor; +$plainButtonHoverBgColor: rgba(255, 255, 255, .04); +$plainButtonActiveBgColor: rgba(255, 255, 255, .16); + +$secondaryButtonBg: $accentColor; +$secondaryButtonTextColor: $accentTextColor; +$secondaryButtonBorder: 0 none; +$secondaryButtonHoverBg: rgba($accentColor, .92); +$secondaryButtonTextHoverColor: $accentTextColor; +$secondaryButtonHoverBorderColor: transparent; +$secondaryButtonActiveBg: rgba($accentColor, .68); +$secondaryButtonTextActiveColor: $accentTextColor; +$secondaryButtonActiveBorderColor: transparent; +$secondaryButtonFocusShadow: none; + +$infoButtonBg: #90CAF9; +$infoButtonTextColor: #212121; +$infoButtonBorder: 0 none; +$infoButtonHoverBg: rgba(#90CAF9, .92); +$infoButtonTextHoverColor: #212121; +$infoButtonHoverBorderColor: transparent; +$infoButtonActiveBg: rgba(#90CAF9, .68); +$infoButtonTextActiveColor: #212121; +$infoButtonActiveBorderColor: transparent; +$infoButtonFocusShadow: none; + +$successButtonBg: #C5E1A5; +$successButtonTextColor: #212121; +$successButtonBorder: 0 none; +$successButtonHoverBg: rgba(#C5E1A5, .92); +$successButtonTextHoverColor: #212121; +$successButtonHoverBorderColor: transparent; +$successButtonActiveBg: rgba(#C5E1A5, .68); +$successButtonTextActiveColor: #212121; +$successButtonActiveBorderColor: transparent; +$successButtonFocusShadow: none; + +$warningButtonBg: #FFF59D; +$warningButtonTextColor: #212121; +$warningButtonBorder: 0 none; +$warningButtonHoverBg: rgba(#FFF59D, .92); +$warningButtonTextHoverColor: #212121; +$warningButtonHoverBorderColor: transparent; +$warningButtonActiveBg: rgba(#FFF59D, .68); +$warningButtonTextActiveColor: #212121; +$warningButtonActiveBorderColor: transparent; +$warningButtonFocusShadow: none; + +$helpButtonBg: #CE93D8; +$helpButtonTextColor: #212121; +$helpButtonBorder: 0 none; +$helpButtonHoverBg: rgba(#CE93D8, .92); +$helpButtonTextHoverColor: #212121; +$helpButtonHoverBorderColor: transparent; +$helpButtonActiveBg: rgba(#CE93D8, .68); +$helpButtonTextActiveColor: #212121; +$helpButtonActiveBorderColor: transparent; +$helpButtonFocusShadow: none; + +$dangerButtonBg: #EF9A9A; +$dangerButtonTextColor: #212121; +$dangerButtonBorder: 0 none; +$dangerButtonHoverBg: rgba(#EF9A9A, .92); +$dangerButtonTextHoverColor: #212121; +$dangerButtonHoverBorderColor: transparent; +$dangerButtonActiveBg: rgba(#EF9A9A, .68); +$dangerButtonTextActiveColor: #212121; +$dangerButtonActiveBorderColor: transparent; +$dangerButtonFocusShadow: none; + +//checkbox +$checkboxBorderWidth: 2px; +$checkboxBorder: 2px solid #757575; +$checkboxWidth: 18px; +$checkboxHeight: 18px; +$checkboxActiveBorderColor: $primaryColor; +$checkboxActiveBg: $primaryColor; +$checkboxActiveHoverBg: $primaryColor; +$checkboxTextActiveColor: $primaryTextColor; +$checkboxFocusShadow: none; + +//radiobutton +$radiobuttonBorderWidth: 2px; +$radiobuttonBorder: 2px solid hsla(0, 0%, 100%, .7); +$radiobuttonWidth: 20px; +$radiobuttonHeight: 20px; +$radiobuttonIconSize: 10px; +$radiobuttonActiveBorderColor: $primaryColor; +$radiobuttonActiveBg: $primaryTextColor; +$radiobuttonActiveHoverBg: $primaryTextColor; +$radiobuttonTextActiveColor: $primaryColor; +$radiobuttonFocusShadow: none; + +//togglebutton +$toggleButtonBg: #2f2f2f; +$toggleButtonBorder: 1px solid rgba(255, 255, 255, .12); +$toggleButtonTextColor: $textColor; +$toggleButtonIconColor: $textSecondaryColor; +$toggleButtonHoverBg: #373737; +$toggleButtonHoverBorderColor: rgba(255, 255, 255, .12); +$toggleButtonTextHoverColor: $textColor; +$toggleButtonHoverIconColor: $textSecondaryColor; +$toggleButtonActiveBg: #1c1c1c; +$toggleButtonActiveBorderColor: rgba(255, 255, 255, .12); +$toggleButtonTextActiveColor: $textColor; +$toggleButtonActiveIconColor: $textSecondaryColor; +$toggleButtonActiveHoverBg: #262626; +$toggleButtonActiveHoverBorderColor: rgba(255, 255, 255, .12); +$toggleButtonActiveTextHoverColor: $textColor; +$toggleButtonActiveHoverIconColor: $textSecondaryColor; + +//inplace +$inplacePadding: $inputPadding; +$inplaceHoverBg: rgba(255, 255, 255, .04); +$inplaceTextHoverColor: $textColor; + +//rating +$ratingIconFontSize: 1.143rem; +$ratingIconWidth: 1.25rem; +$ratingIconHeight: 1.25rem; +$ratingCancelIconColor: #f44435; +$ratingCancelHoverIconColor: #f44435; +$ratingStarIconColor: $primaryColor; +$ratingStarIconHoverColor: $primaryColor; +$ratingStarActiveIconColor: $primaryColor; + +//slider +$sliderBg: hsla(0, 0%, 100%, .3); +$sliderHeight: 2px; +$sliderWidth: 2px; +$sliderHandleWidth: 20px; +$sliderHandleHeight: 20px; +$sliderHandleBg: $primaryColor; +$sliderHandleBorder: 0 none; +$sliderHandleBorderRadius: 50%; +$sliderHandleHoverBorderColor: 0 none; +$sliderHandleHoverBg: $primaryColor; +$sliderRangeBg: $primaryColor; + +//calendar +$calendarTableMargin: .5rem 0; +$calendarPadding: .5rem; +$calendarTitlePadding: .5rem; +$calendarTitleBg: $inputOverlayHeaderBg; +$calendarTitleTextColor: $textColor; +$calendarTitleBorder: $divider; +$calendarTitleBorderWidth: 1px; + +$calendarCellPadding: .5rem; +$calendarCellDateTextColor: $textColor; +$calendarCellDateWidth: 2.5rem; +$calendarCellDateHeight: 2.5rem; +$calendarCellDateHoverBorderColor: transparent; +$calendarCellDateBorderRadius: 50%; +$calendarCellDateBorder: 1px solid transparent; +$calendarCellDateHoverBg: rgba(255, 255, 255, .04); +$calendarCellDateTodayBg: transparent; +$calendarCellDateTodayBorder: 1px solid rgba(255, 255, 255, .5); +$calendarCellDateTodayTextColor: $textColor; +$calendarCellDateSelectedBg: $highlightBg; +$calendarCellDateSelectedTextColor: $highlightTextColor; +$calendarCellDateSelectedBorder: 0 none; + +$calendarButtonBarPadding: 1rem 0; +$calendarTimePickerMargin: 0; +$calendarTimePickerLabelPadding: .5rem; +$calendarTimePickerInputPadding: 0 .5rem; +$calendarTimePickerInputMargin: 0 .714em .714em 40%; + +//keyboard +$keyboardButtonPadding: .5rem; +$keyboardButtonMargin: 2px; +$keyboardButtonBorder: 1px solid $emphasis-low; +$keyboardButtonBg: #1e1e1e; +$keyboardButtonTextColor: $textColor; +$keyboardButtonHoverBorderColor: $emphasis-high; +$keyboardButtonHoverBg: #1e1e1e; +$keyboardButtonTextHoverColor: $textColor; +$keyboardButtonActiveBorderColor: transparent; +$keyboardButtonActiveBg: rgba($primaryColor, .68); +$keyboardButtonTextActiveColor: $primaryTextColor; + +//input switch +$inputSwitchOffBg: hsla(0, 0%, 100%, .3); +$inputSwitchHandleOffBg: #bdbdbd; +$inputSwitchHandleOffTextColor: $textColor; +$inputSwitchHandleOffBorder: none; +$inputSwitchOnBg: rgba($primaryColor, .5); +$inputSwitchHandleOnBg: $primaryColor; +$inputSwitchHandleOnTextColor: $primaryTextColor; +$inputSwitchHandleOnBorderColor: none; +$inputSwitchHandleBorderRadius: 50%; +$inputSwitchHandleShadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12); +$inputSwitchBorder:solid transparent; +$inputSwitchBorderWidth:2px; +$inputSwitchBorderRadius: .5rem; + +//panel +$panelHeaderBorder: 1px solid rgba(255, 255, 255, .12); +$panelHeaderBg: #1e1e1e; +$panelHeaderTextColor: $textColor; +$panelHeaderFontWeight: 500; +$panelHeaderPadding: 1rem; + +$panelHeaderHoverBg: rgba($overlayColor, .04); +$panelHeaderHoverBorderColor: rgba(255, 255, 255, .12); +$panelHeaderTextHoverColor: $textColor; +$panelHeaderHoverIconColor: $textColor; + +$panelContentBorder: 1px solid rgba(255, 255, 255, .12); +$panelContentBg: #1e1e1e; +$panelContentTextColor: $textColor; +$panelContentPadding: 1rem; + +$panelFooterBorder: 1px solid rgba(255, 255, 255, .12); +$panelFooterBg: #1e1e1e; +$panelFooterTextColor: $textColor; +$panelFooterPadding: 1rem 1rem; + +//accordion +$accordionSpacing: 0; +$accordionHeaderBorder: 0 none; +$accordionHeaderBg: #1e1e1e; +$accordionHeaderTextColor: $textColor; +$accordionHeaderFontWeight: 400; +$accordionHeaderPadding: 1.5rem; + +$accordionHeaderHoverBg: rgba(255, 255, 255, .04); +$accordionHeaderHoverBorderColor: transparent; +$accordionHeaderTextHoverColor: $textColor; + +$accordionHeaderActiveBg: #1e1e1e; +$accordionHeaderActiveBorderColor: transparent; +$accordionHeaderTextActiveColor: $textColor; + +$accordionHeaderActiveHoverBg: rgba(255, 255, 255, .04); +$accordionHeaderActiveHoverBorderColor: transparent; +$accordionHeaderActiveTextHoverColor: $textColor; + +$accordionContentBorder: 0 none; +$accordionContentBg: #1e1e1e; +$accordionContentTextColor: $textColor; +$accordionContentPadding: 1rem 1.5rem; + +//tabview +$tabsHeaderSpacing: 0; +$tabsNavBorderWidth: 2px; +$tabsNavBorder: $tabsNavBorderWidth solid rgba(255, 255, 255, .12); +$tabsNavBg: transparent; + +$tabsHeaderBg: transparent; +$tabsHeaderTextColor: $textSecondaryColor; +$tabsHeaderFontWeight: 500; +$tabsHeaderPadding: 1rem 1.5rem; + +$tabsHeaderHoverBg: rgba($primaryColor, .04); +$tabsHeaderHoverBorderColor: transparent; +$tabsHeaderTextHoverColor: $textSecondaryColor; + +$tabsHeaderActiveBg: transparent; +$tabsHeaderActiveBorderColor: $primaryColor; +$tabsHeaderTextActiveColor: $primaryColor; + +$tabsContentBorder: 0 none; +$tabsContentBg: transparent; +$tabsContentTextColor: $textColor; +$tabsContentPadding: $panelContentPadding; + +//action icon +$tabsScrollerButtonBg: transparent; +$tabsScrollerButtonIconColor: $textSecondaryColor; +$tabsScrollerButtonHoverBg: rgba(255, 255, 255, .04); +$tabsScrollerButtonIconHoverColor: $textSecondaryColor; + +//scrollpanel +$scrollPanelHandleBg: $primaryColor; +$scrollPanelTrackBorder: 0 none; +$scrollPanelTrackBg: rgba(255, 255, 255, .12); + +//paginator +$paginatorBg: #1e1e1e; +$paginatorBorder: solid #404040; +$paginatorBorderWidth: 0; +$paginatorIconColor: $textSecondaryColor; +$paginatorPadding: .5rem 1rem; +$paginatorElementWidth: $buttonIconOnlyWidth; +$paginatorElementHeight: $buttonIconOnlyWidth; +$paginatorElementHoverBg: rgba(255, 255, 255, .04); +$paginatorElementHoverIconColor: $textSecondaryColor; +$paginatorElementMargin: .143rem; +$paginatorElementBorder: 0 none; +$paginatorElementHoverBorderColor: transparent; +$paginatorElementBorderRadius: 50%; + +//datatable +$datatableHeaderBorder: 1px solid rgba(255, 255, 255, .12); +$datatableHeaderBorderWidth: 0 0 1px 0; +$datatableHeaderBg: #1e1e1e; +$datatableHeaderTextColor: $textColor; +$datatableHeaderFontWeight: 500; +$datatableHeaderPadding: 1rem 1rem; + +$datatableHeaderCellPadding: 1rem 1rem; +$datatableHeaderCellBg: #1e1e1e; +$datatableHeaderCellTextColor: $textColor; +$datatableHeaderCellIconColor: $textSecondaryColor; +$datatableHeaderCellFontWeight: 500; +$datatableHeaderCellBorder: 1px solid #404040; +$datatableHeaderCellBorderWidth: 0 0 1px 0; +$datatableHeaderCellHoverBg: rgba(255, 255, 255, .04); +$datatableHeaderCellTextHoverColor: $textColor; +$datatableHeaderCellHighlightBg: #1e1e1e; +$datatableHeaderCellHighlightTextColor: $textColor; +$datatableHeaderCellHighlightHoverBg: rgba(255, 255, 255, .04); +$datatableHeaderCellHighlightTextHoverColor: $textColor; +$datatableSortableColumnBadgeSize: 1.143rem; + +$datatableBodyRowBg: #1e1e1e; +$datatableBodyRowTextColor: $textColor; +$datatableBodyRowOddBg: rgba(255, 255, 255, .02); +$datatableBodyRowHoverBg: rgba(255, 255, 255, .04); +$datatableBodyRowTextHoverColor: $textColor; +$datatableBodyRowBorder: 1px solid #404040; +$datatableBodyCellBorderWidth: 0 0 1px 0; +$datatableBodyCellPadding: 1rem 1rem; + +$datatableFooterBorderWidth: 0 0 1px 0; +$datatableFooterCellPadding: 1rem 1rem; +$datatableFooterCellBg: #1e1e1e; +$datatableFooterCellTextColor: $textColor; +$datatableFooterCellFontWeight: 500; +$datatableFooterCellBorder: 1px solid #404040; +$datatableFooterCellBorderWidth: 0 0 1px 0; +$datatableResizerHelperBg: $primaryColor; + +$datatableFooterBorder: 1px solid #404040; +$datatableFooterBorderWidth: 0 0 1px 0; +$datatableFooterBg: #1e1e1e; +$datatableFooterTextColor: $textColor; +$datatableFooterFontWeight: 500; +$datatableFooterPadding: 1rem 1rem; + +$datatableTopPaginatorBorderWidth: 0 0 1px 0; +$datatableBottomPaginatorBorderWidth: 0 0 1px 0; + +$datatableScaleSm: 0.5; +$datatableScaleLg: 1.25; + +//dataview +$dataViewContentPadding: 1rem 0; +$dataViewContentBorder: 0 none; +$dataViewListItemBorder: solid rgba(255, 255, 255, .12); +$dataViewListItemBorderWidth: 0 0 1px 0; + +//orderlist, picklist +$orderListDropPlaceholderBg:scale-color($highlightBg, $lightness: -20%) !default; +$pickListDropPlaceholderBg:scale-color($highlightBg, $lightness: -20%) !default; + +//schedule +$scheduleCellBorderColor: rgba(255, 255, 255, .12); +$scheduleTodayBg: lighten($highlightBg, 10%); +$scheduleEventBg: $highlightBg; +$scheduleEventBorder: 1px solid $highlightBg; +$scheduleEventTextColor: $highlightTextColor; + +//tree +$treeNodePadding: .25rem; +$treeNodeLabelPadding: .25rem; + +//messages +$messagesMargin: 1rem 0; +$messagesPadding: 1.25rem 1.5rem; +$messagesIconFontSize: 1.5rem; +$messagesBorderWidth: 0 0 0 0; +$messagesFontWeight: 500; +$infoMessageBg: #B3E5FC; +$infoMessageBorder: solid transparent; +$infoMessageTextColor: #01579B; +$infoMessageIconColor: #01579B; +$warnMessageBg: #FFECB3; +$warnMessageBorder: solid transparent; +$warnMessageTextColor: #7f6003; +$warnMessageIconColor: #7f6003; +$errorMessageBg: #FFCDD2; +$errorMessageBorder: solid transparent; +$errorMessageTextColor: #B71C1C; +$errorMessageIconColor: #B71C1C; +$growlIconFontSize: 2rem; +$growlMargin: 0 0 1rem 0; +$growlPadding: 1rem; +$messageBorderWidth: 0 0 0 3px; + +//overlays +$overlayContentBorder: 0 none; +$overlayContentBg: #262626; +$overlayContainerShadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12); + +//dialog +$dialogHeaderBg: $overlayContentBg; +$dialogHeaderBorder: 0 none; +$dialogHeaderTextColor: $textColor; +$dialogHeaderFontWeight: 500; +$dialogHeaderFontSize: 1.25rem; +$dialogHeaderPadding: 1.5rem; +$dialogContentBorder: 0 none; +$dialogContentBg: #262626; +$dialogContentTextColor: $textColor; +$dialogContentPadding: 0.2rem 1.5rem 1.5rem 1.5rem; +$dialogFooterBorder: 0 none; +$dialogFooterBg: #262626; +$dialogFooterTextColor: $textColor; +$dialogFooterPadding: 1rem 1.5rem; + +$confirmDialogContentPadding: 0.2rem 1.5rem 1.5rem 1.5rem; +$confirmDialogIconFontSize: 2rem; + +//overlay panel +$overlayPanelCloseIconBg: $primaryColor; +$overlayPanelCloseIconColor: $primaryTextColor; +$overlayPanelCloseIconHoverBg: rgba($primaryColor, .92); +$overlayPanelCloseIconHoverColor: $primaryTextColor; + +//tooltip +$tooltipBg: #444444; +$tooltipTextColor: $emphasis-high; + +//steps +$stepsItemTextColor: $textColor; +$stepsItemNumberBorder: 1px solid transparent; +$stepsItemNumberColor: $textColor; +$stepsItemNumberBg: transparent; +$stepsItemNumberFontSize: 1.143rem; +$stepsItemNumberWidth: 2rem; +$stepsItemNumberHeight: 2rem; +$stepsItemNumberBorderRadius: 50%; + +//progressbar +$progressBarHeight: 4px; +$progressBarBorder: 0 none; +$progressBarBg: rgba($primaryColor, .32); +$progressBarValueBg: $primaryColor; + +//menu +$menuBg: #1e1e1e; +$menuBorder: 1px solid rgba(255, 255, 255, .12); +$menuitemTextColor: $textColor; +$menuitemIconColor: $textSecondaryColor; +$menuitemHoverBg: rgba(255, 255, 255, .04); +$menuitemTextHoverColor: $textColor; +$menuitemHoverIconColor: $textSecondaryColor; +$menuitemPadding: 1rem 1rem; +$menuitemMargin: 0; +$menuitemBorderRadius: 0; +$menuSeparatorMargin: .5rem 0; + +$breadcrumbPadding: 1rem; +$breadcrumbBg: #1e1e1e; +$breadcrumbBorder: 1px solid rgba(255, 255, 255, .12); +$breadcrumbItemTextColor: $textColor; +$breadcrumbItemIconColor: $textSecondaryColor; +$breadcrumbLastItemTextColor: $textColor; +$breadcrumbLastItemIconColor: $textSecondaryColor; +$breadcrumbSeparatorColor: $textSecondaryColor; + +$submenuHeaderMargin: 0; +$submenuHeaderPadding: 1rem; +$submenuHeaderBg: transparent; +$submenuHeaderBorder: 0 none; +$submenuHeaderTextColor: $textSecondaryColor; +$submenuHeaderFontWeight: 400; +$submenuHeaderFontSize: 1rem; + +$verticalMenuPadding: .5rem 0; + +$horizontalMenuPadding: 1rem; +$horizontalMenuBg: #1e1e1e; + +$overlayMenuBg: #2b2b2b; +$overlayMenuShadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12); + +//upload +$fileItemPadding: 1rem; + +//badge and tag +$badgeBg: $primaryColor; +$badgeTextColor: $primaryTextColor; +$badgeMinWidth: 1.5rem; +$badgeHeight: 1.5rem; +$badgeFontWeight: 700; +$badgeFontSize: .75rem; + +$tagPadding: .25rem .4rem; + +//card +$cardBodyPadding: 1rem; +$cardTitleFontSize: 1.5rem; +$cardTitleFontWeight: 700; +$cardSubTitleFontWeight: 400; +$cardSubTitleColor: $textSecondaryColor; +$cardContentPadding: 1rem 0; +$cardFooterPadding: 1rem 0 0 0; +$cardShadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12); + +//editor +$editorToolbarBg:$panelHeaderBg !default; +$editorToolbarBorder:$panelHeaderBorder !default; +$editorToolbarPadding:$panelHeaderPadding !default; +$editorToolbarIconColor:$textSecondaryColor !default; +$editorToolbarIconHoverColor:$textColor !default; +$editorIconActiveColor:$primaryColor !default; +$editorContentBorder:$panelContentBorder !default; +$editorContentBg:$panelContentBg !default; + +//divider +$dividerHorizontalMargin: 1.25rem 0; +$dividerHorizontalPadding: 0 1.25rem; +$dividerVerticalMargin: 0 1.25rem; +$dividerVerticalPadding: 1.25rem 0; +$dividerSize: 1px; +$dividerColor: hsla(0, 0%, 100%, .12); + +//avatar +$avatarBg: hsla(0, 0%, 100%, .12); +$avatarTextColor: $textColor; + +//chip +$chipBg:$highlightBg !default; +$chipTextColor:$highlightTextColor !default; +$chipBorderRadius: 16px; + +//scrollTop +$scrollTopBg: $accentColor; +$scrollTopHoverBg: rgba($accentColor, .92); +$scrollTopWidth: 3rem; +$scrollTopHeight: 3rem; +$scrollTopBorderRadius: 50%; +$scrollTopFontSize: 1.5rem; +$scrollTopTextColor: $accentTextColor; + +//skeleton +$skeletonBg: rgba(255, 255, 255, .06); +$skeletonAnimationBg: rgba(255, 255, 255, .04); + +//splitter +$splitterGutterBg: hsla(0, 0%, 100%, .04); +$splitterGutterHandleBg: hsla(0, 0%, 100%, .12); + +//chronoline +$chronolineVerticalEventContentPadding: 0 1rem; +$chronolineHorizontalEventContentPadding: 1rem 0; +$chronolineEventMarkerWidth: 1rem; +$chronolineEventMarkerHeight: 1rem; +$chronolineEventMarkerBorderRadius: 50%; +$chronolineEventMarkerBorder: 0 none; +$chronolineEventMarkerBackground: #bdbdbd; +$chronolineEventConnectorSize: 2px; +$chronolineEventColor: #bdbdbd; + +//confirmpopup +$confirmPopupContentPadding: 1.5rem; +$confirmPopupFooterPadding: 0 1.5rem 1rem 1.5rem; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 2rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $accentColor !default; +$speedDialActionHoverBg: rgba($accentColor, .92) !default; +$speedDialActionTextColor: #212121 !default; +$speedDialActionTextHoverColor: #212121 !default; + +//carousel +$carouselIndicatorsPadding:1rem !default; +$carouselIndicatorBg:rgba(255,255,255,.3) !default; +$carouselIndicatorHoverBg:rgba(255,255,255,.6) !default; +$carouselIndicatorBorderRadius:0 !default; +$carouselIndicatorWidth:2rem !default; +$carouselIndicatorHeight:.5rem !default; + +//galleria +$galleriaMaskBg:rgba(0,0,0,0.9) !default; +$galleriaCloseIconMargin:.5rem !default; +$galleriaCloseIconFontSize:2rem !default; +$galleriaCloseIconBg:transparent !default; +$galleriaCloseIconColor:rgba(255,255,255,.87) !default; +$galleriaCloseIconHoverBg:rgba(255,255,255,0.1) !default; +$galleriaCloseIconHoverColor:rgba(255,255,255,.87) !default; +$galleriaCloseIconWidth:4rem !default; +$galleriaCloseIconHeight:4rem !default; +$galleriaCloseIconBorderRadius:50% !default; + +$galleriaItemNavigatorBg:transparent !default; +$galleriaItemNavigatorColor:rgba(255,255,255,.87) !default; +$galleriaItemNavigatorMargin:0 .5rem !default; +$galleriaItemNavigatorFontSize:2rem !default; +$galleriaItemNavigatorHoverBg:rgba(255,255,255,0.1) !default; +$galleriaItemNavigatorHoverColor:rgba(255,255,255,.87) !default; +$galleriaItemNavigatorWidth:4rem !default; +$galleriaItemNavigatorHeight:4rem !default; +$galleriaItemNavigatorBorderRadius:50% !default; + +$galleriaCaptionBg:rgba(0,0,0,.5) !default; +$galleriaCaptionTextColor:rgba(255,255,255,.87) !default; +$galleriaCaptionPadding:1rem !default; + +$galleriaIndicatorsPadding:1rem !default; +$galleriaIndicatorBg:rgba(255,255,255,.3) !default; +$galleriaIndicatorHoverBg:rgba(255,255,255,.6) !default; +$galleriaIndicatorBorderRadius:50% !default; +$galleriaIndicatorWidth:1.25rem !default; +$galleriaIndicatorHeight:1.25rem !default; +$galleriaIndicatorsBgOnItem:rgba(0,0,0,.5) !default; +$galleriaIndicatorBgOnItem:rgba(255,255,255,.3) !default; +$galleriaIndicatorHoverBgOnItem:rgba(255,255,255,.6) !default; + +$galleriaThumbnailContainerBg:rgba(0,0,0,.9) !default; +$galleriaThumbnailContainerPadding:.8rem .25rem !default; +$galleriaThumbnailContentMargin:.2rem !default; +$galleriaThumbnailNavigatorBg:transparent !default; +$galleriaThumbnailNavigatorColor:rgba(255,255,255,.87) !default; +$galleriaThumbnailNavigatorHoverBg:rgba(255,255,255,0.1) !default; +$galleriaThumbnailNavigatorHoverColor:rgba(255,255,255,.87) !default; +$galleriaThumbnailNavigatorBorderRadius:50% !default; +$galleriaThumbnailNavigatorWidth:2rem !default; +$galleriaThumbnailNavigatorHeight:2rem !default; + +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:#{$textColor}; + --text-color-secondary:#{$textSecondaryColor}; + --primary-color:#{$primaryColor}; + --primary-lightest-color:#{$primaryLightestColor}; + --primary-color-text:#{$primaryTextColor}; + --font-family:#{$fontFamily}; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:#{$panelContentPadding}; + --inline-spacing:#{$inlineSpacing}; + --border-radius:#{$borderRadius}; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: #{$maskBg}; + --focus-ring: #{$focusShadow}; + color-scheme: dark; +} \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/theme-dark/overrides/_theme.scss b/src/main/resources/resources/layout/styles/theme/theme-dark/overrides/_theme.scss new file mode 100644 index 0000000..3b23bff --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/theme-dark/overrides/_theme.scss @@ -0,0 +1 @@ +/* Add your customizations of theme here */ \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/theme-dark/overrides/_variables.scss b/src/main/resources/resources/layout/styles/theme/theme-dark/overrides/_variables.scss new file mode 100644 index 0000000..d7442c2 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/theme-dark/overrides/_variables.scss @@ -0,0 +1 @@ +/* Add your variable customizations of theme here */ diff --git a/src/main/resources/resources/layout/styles/theme/theme-light/_theme.scss b/src/main/resources/resources/layout/styles/theme/theme-light/_theme.scss new file mode 100644 index 0000000..14dd79e --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/theme-light/_theme.scss @@ -0,0 +1,6 @@ +@import './_variables'; +@import '../theme-common/_compact'; +@import './overrides/_variables'; +@import '../designer/_components'; +@import '../extensions/_vendor_extensions_compact'; +@import './overrides/_theme'; \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/theme-light/_variables.scss b/src/main/resources/resources/layout/styles/theme/theme-light/_variables.scss new file mode 100644 index 0000000..683c6e4 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/theme-light/_variables.scss @@ -0,0 +1,819 @@ +$colors: ( + "blue": #2196F3, + "green": #689F38, + "yellow": #FBC02D, + "cyan": #00BCD4, + "pink": #E91E63, + "indigo": #4E5FBB, + "teal": #009688, + "orange": #FF9800, + "bluegray": #607D8B, + "purple": #9C27B0, + "red": #F44336, + "primary": $primaryColor +) !default; + +$emphasis-high: rgba(0, 0, 0, .87); +$emphasis-medium: rgba(0, 0, 0, .60); +$emphasis-low: rgba(0, 0, 0, .38); +$emphasis-lower: rgba(0, 0, 0, .12); +$overlayColor: #000000; + +//global +$fontFamily: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; +$fontSize: 1rem; +$textColor: $emphasis-high; +$textSecondaryColor: $emphasis-medium; +$borderRadius: 4px; +$transitionDuration: .2s; +$transition: background-color $transitionDuration, border-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1) !default; +$actionIconTransition:background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration, opacity $transitionDuration ease-in-out !default; +$listItemTransition:none !default; +$animationDuration: .4s; +$animationTimingFunction: cubic-bezier(.05, .74, .2, .99); +$letterSpacing: normal; +$tabletBreakpoint: 991px; +$phoneBreakpoint: 576px; +$iconSize: 1rem; +$divider: 1px solid rgba(0, 0, 0, .12); +$inlineSpacing: .5rem; +$disabledOpacity: .38; +$maskBg: rgba(0, 0, 0, 0.32); +$errorColor: #B00020; + +//selected state +$highlightBg: rgba($primaryColor, .12) !default; +$highlightTextColor: $primaryColor !default; + +//focus +$focusOutlineColor: transparent; +$focusOutline: 0 none; +$focusOutlineOffset: 0; +$focusShadow: none; + +//action icons +$actionIconWidth: 2.5rem; +$actionIconHeight: 2.5rem; +$actionIconBg: transparent; +$actionIconBorder: 0 none; +$actionIconColor: $textSecondaryColor; +$actionIconHoverBg: rgba(0, 0, 0, .04); +$actionIconHoverBorderColor: transparent; +$actionIconHoverColor: $textSecondaryColor; +$actionIconBorderRadius: 50%; + +//input field +$inputPadding: 1rem 1rem; +$inputTextFontSize: 1rem; +$inputBg: #ffffff; +$inputTextColor: $emphasis-high; +$inputIconColor: $emphasis-medium; +$inputBorder: 1px solid $emphasis-low; +$inputHoverBorderColor: $emphasis-high; +$inputFocusBorderColor: $primaryColor; +$inputErrorBorderColor: $errorColor; +$inputPlaceholderTextColor: $emphasis-medium; +$inputFocusShadow: none; +$inputFilledBg: #f5f5f5; +$inputFilledHoverBg: #ececec; +$inputFilledFocusBg: #dcdcdc; + +//input groups +$inputGroupBorderColor: $emphasis-low; +$inputGroupBg: $inputBg; +$inputGroupTextColor: $emphasis-medium; +$inputGroupIconColor: $emphasis-medium; +$inputGroupAddonMinWidth: 2.357rem; + +//input lists +$inputListMinWidth: 12rem; +$inputListBg: #ffffff; +$inputListBorder: 1px solid #e5e5e5; +$inputListPadding: 0; +$inputListItemPadding: 1rem 1rem; +$inputListItemBg: transparent; +$inputListItemTextColor: $textColor; +$inputListItemHoverBg: rgba(0, 0, 0, .04); +$inputListItemTextHoverColor: $textColor; +$inputListItemHighlightBg: $highlightBg; +$inputListItemHighlightTextColor: $highlightTextColor; +$inputListItemBorder: 0 none; +$inputListItemBorderRadius: 0; +$inputListItemMargin: 0; +$inputListItemFocusShadow:none !default; +$inputListHeaderPadding: 1rem 1rem; +$inputListHeaderBg: #ffffff; +$inputListHeaderTextColor: $textColor; +$inputListHeaderBorder: 1px solid rgba(0, 0, 0, .12); + +//inputs with panels (password, keyboard) +$inputContentPanelPadding: 1rem; +$inputContentPanelBg: #ffffff; +$inputContentPanelTextColor: $textColor; + +//inputs with overlays +$inputOverlayBorder: 0 none; +$inputOverlayShadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12); + +//inputs with buttons +$inputButtonWidth: 3rem; + +//button +$buttonTextOnlyPadding: 0.714rem 1rem; +$buttonWithLeftIconPadding: 0.714rem 1rem 0.714rem 2.5rem; +$buttonWithRightIconPadding: 0.714rem 2.5rem 0.714rem 1rem; +$buttonIconOnlyWidth: 3rem; +$buttonIconOnlyPadding: 0.714rem; +$buttonBg: $primaryColor; +$buttonTextColor: $primaryTextColor; +$buttonBorder: 0 none; +$buttonHoverBg: rgba($primaryColor, .92); +$buttonTextHoverColor: $primaryTextColor; +$buttonHoverBorderColor: transparent; +$buttonActiveBg: rgba($primaryColor, .68); +$buttonTextActiveColor: $primaryTextColor; +$buttonActiveBorderColor: transparent; + +$buttonFocusOutline: 0 none; +$buttonFocusOutlineOffset: 0; +$buttonFocusShadow: none; +$raisedButtonShadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); +$roundedButtonBorderRadius: 2rem; + +$textButtonHoverBgOpacity: .04; +$textButtonActiveBgOpacity: .16; +$outlinedButtonBorder: 1px solid; +$plainButtonTextColor: $textSecondaryColor; +$plainButtonHoverBgColor: rgba(0, 0, 0, .04); +$plainButtonActiveBgColor: rgba(0, 0, 0, .16); + +$secondaryButtonBg: $accentColor; +$secondaryButtonTextColor: $accentTextColor; +$secondaryButtonBorder: 0 none; +$secondaryButtonHoverBg: rgba($accentColor, .92); +$secondaryButtonTextHoverColor: $accentTextColor; +$secondaryButtonHoverBorderColor: transparent; +$secondaryButtonActiveBg: rgba($accentColor, .68); +$secondaryButtonTextActiveColor: $accentTextColor; +$secondaryButtonActiveBorderColor: transparent; +$secondaryButtonFocusShadow: none; + +$infoButtonBg: #2196F3; +$infoButtonTextColor: #ffffff; +$infoButtonBorder: 0 none; +$infoButtonHoverBg: rgba(#2196F3, .92); +$infoButtonTextHoverColor: #ffffff; +$infoButtonHoverBorderColor: transparent; +$infoButtonActiveBg: rgba(#2196F3, .68); +$infoButtonTextActiveColor: #ffffff; +$infoButtonActiveBorderColor: transparent; +$infoButtonFocusShadow: none; + +$successButtonBg: #689F38; +$successButtonTextColor: #ffffff; +$successButtonBorder: 0 none; +$successButtonHoverBg: rgba(#689F38, .92); +$successButtonTextHoverColor: #ffffff; +$successButtonHoverBorderColor: transparent; +$successButtonActiveBg: rgba(#689F38, .68); +$successButtonTextActiveColor: #ffffff; +$successButtonActiveBorderColor: transparent; +$successButtonFocusShadow: none; + +$warningButtonBg: #FBC02D; +$warningButtonTextColor: #212529; +$warningButtonBorder: 0 none; +$warningButtonHoverBg: rgba(#FBC02D, .92); +$warningButtonTextHoverColor: #212529; +$warningButtonHoverBorderColor: transparent; +$warningButtonActiveBg: rgba(#FBC02D, .68); +$warningButtonTextActiveColor: #212529; +$warningButtonActiveBorderColor: transparent; +$warningButtonFocusShadow: none; + +$helpButtonBg: #9C27B0; +$helpButtonTextColor: #ffffff; +$helpButtonBorder: 0 none; +$helpButtonHoverBg: rgba(#9C27B0, .92); +$helpButtonTextHoverColor: #ffffff; +$helpButtonHoverBorderColor: transparent; +$helpButtonActiveBg: rgba(#9C27B0, .68); +$helpButtonTextActiveColor: #ffffff; +$helpButtonActiveBorderColor: transparent; +$helpButtonFocusShadow: none; + +$dangerButtonBg: #D32F2F; +$dangerButtonTextColor: #ffffff; +$dangerButtonBorder: 0 none; +$dangerButtonHoverBg: rgba(#D32F2F, .92); +$dangerButtonTextHoverColor: #ffffff; +$dangerButtonHoverBorderColor: transparent; +$dangerButtonActiveBg: rgba(#D32F2F, .68); +$dangerButtonTextActiveColor: #ffffff; +$dangerButtonActiveBorderColor: transparent; +$dangerButtonFocusShadow: none; + +//checkbox +$checkboxBorderWidth: 2px; +$checkboxBorder: 2px solid #757575; +$checkboxWidth: 18px; +$checkboxHeight: 18px; +$checkboxActiveBorderColor: $primaryColor; +$checkboxActiveBg: $primaryColor; +$checkboxActiveHoverBg: $primaryColor; +$checkboxTextActiveColor: $primaryTextColor; +$checkboxFocusShadow: none; + +//radiobutton +$radiobuttonBorderWidth: 2px; +$radiobuttonBorder: 2px solid #757575; +$radiobuttonWidth: 20px; +$radiobuttonHeight: 20px; +$radiobuttonIconSize: 10px; +$radiobuttonActiveBorderColor: $primaryColor; +$radiobuttonActiveBg: $primaryTextColor; +$radiobuttonActiveHoverBg: $primaryTextColor; +$radiobuttonTextActiveColor: $primaryColor; +$radiobuttonFocusShadow: none; + +//togglebutton +$toggleButtonBg: #ffffff; +$toggleButtonBorder: 1px solid rgba(0, 0, 0, .12); +$toggleButtonTextColor: $textColor; +$toggleButtonIconColor: $textSecondaryColor; +$toggleButtonHoverBg: #f6f6f6; +$toggleButtonHoverBorderColor: rgba(0, 0, 0, .12); +$toggleButtonTextHoverColor: $textColor; +$toggleButtonHoverIconColor: $textSecondaryColor; +$toggleButtonActiveBg: #e0e0e1; +$toggleButtonActiveBorderColor: #e0e0e1; +$toggleButtonTextActiveColor: $textColor; +$toggleButtonActiveIconColor: $textSecondaryColor; +$toggleButtonActiveHoverBg: #d9d8d9; +$toggleButtonActiveHoverBorderColor: #d9d8d9; +$toggleButtonActiveTextHoverColor: $textColor; +$toggleButtonActiveHoverIconColor: $textSecondaryColor; + +//inplace +$inplacePadding: $inputPadding; +$inplaceHoverBg: rgba(0, 0, 0, .04); +$inplaceTextHoverColor: $textColor; + +//rating +$ratingIconFontSize: 1.143rem; +$ratingIconWidth: 1.25rem; +$ratingIconHeight: 1.25rem; +$ratingCancelIconColor: #B00020; +$ratingCancelHoverIconColor: #B00020; +$ratingStarIconColor: $primaryColor; +$ratingStarIconHoverColor: $primaryColor; +$ratingStarActiveIconColor: $primaryColor; + +//slider +$sliderBg: #c1c1c1; +$sliderHeight: 2px; +$sliderWidth: 2px; +$sliderHandleWidth: 20px; +$sliderHandleHeight: 20px; +$sliderHandleBg: $primaryColor; +$sliderHandleBorder: 0 none; +$sliderHandleBorderRadius: 50%; +$sliderHandleHoverBorderColor: 0 none; +$sliderHandleHoverBg: $primaryColor; +$sliderRangeBg: $primaryColor; + +//calendar +$calendarTableMargin: .5rem 0; +$calendarPadding: .5rem; +$calendarTitlePadding: .5rem; +$calendarTitleBg: #ffffff; +$calendarTitleTextColor: $textColor; +$calendarTitleBorder: 1px solid rgba(0, 0, 0, .12); +$calendarTitleBorderWidth: 1px; + +$calendarCellPadding: .5rem; +$calendarCellDateTextColor: $textColor; +$calendarCellDateWidth: 2.5rem; +$calendarCellDateHeight: 2.5rem; +$calendarCellDateHoverBorderColor: transparent; +$calendarCellDateBorderRadius: 50%; +$calendarCellDateBorder: 1px solid transparent; +$calendarCellDateHoverBg: rgba(0, 0, 0, .04); +$calendarCellDateTodayBg: #ffffff; +$calendarCellDateTodayBorder: 1px solid rgba(0, 0, 0, 12); +$calendarCellDateTodayTextColor: $textColor; +$calendarCellDateSelectedBg: $highlightBg; +$calendarCellDateSelectedTextColor: $highlightTextColor; +$calendarCellDateSelectedBorder: 0 none; + +$calendarButtonBarPadding: 1rem 0; +$calendarTimePickerMargin: 0; +$calendarTimePickerLabelPadding: .5rem; +$calendarTimePickerInputPadding: 0 .5rem; +$calendarTimePickerInputMargin: 0 .714em .714em 40%; + +//keyboard +$keyboardButtonPadding: .5rem; +$keyboardButtonMargin: 2px; +$keyboardButtonBorder: 1px solid $emphasis-low; +$keyboardButtonBg: #ffffff; +$keyboardButtonTextColor: $textColor; +$keyboardButtonHoverBorderColor: $emphasis-high; +$keyboardButtonHoverBg: #ffffff; +$keyboardButtonTextHoverColor: $textColor; +$keyboardButtonActiveBorderColor: transparent; +$keyboardButtonActiveBg: rgba($primaryColor, .68); +$keyboardButtonTextActiveColor: $primaryTextColor; + +//input switch +$inputSwitchOffBg: rgba(0, 0, 0, .38); +$inputSwitchHandleOffBg: #ffffff; +$inputSwitchHandleOffTextColor: $textColor; +$inputSwitchHandleOffBorder: none; +$inputSwitchOnBg: rgba($primaryColor, .5); +$inputSwitchHandleOnBg: $primaryColor; +$inputSwitchHandleOnTextColor: $primaryTextColor; +$inputSwitchHandleOnBorderColor: none; +$inputSwitchHandleBorderRadius: 50%; +$inputSwitchHandleShadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +$inputSwitchBorder:solid transparent; +$inputSwitchBorderWidth:2px; +$inputSwitchBorderRadius: .5rem; + +//panel +$panelHeaderBorder: 1px solid #e0e0e0; +$panelHeaderBg: #ffffff; +$panelHeaderTextColor: $textColor; +$panelHeaderFontWeight: 500; +$panelHeaderPadding: 1rem; + +$panelHeaderHoverBg: rgba(0, 0, 0, .04); +$panelHeaderHoverBorderColor: #e0e0e0; +$panelHeaderTextHoverColor: $textColor; +$panelHeaderHoverIconColor: $textColor; + +$panelContentBorder: 1px solid #e0e0e0; +$panelContentBg: #ffffff; +$panelContentTextColor: $textColor; +$panelContentPadding: 1rem; + +$panelFooterBorder: 1px solid #e0e0e0; +$panelFooterBg: #ffffff; +$panelFooterTextColor: $textColor; +$panelFooterPadding: 1rem 1rem; + +//accordion +$accordionSpacing: 0; +$accordionHeaderBorder: 0 none; +$accordionHeaderBg: #ffffff; +$accordionHeaderTextColor: $textColor; +$accordionHeaderFontWeight: 400; +$accordionHeaderPadding: 1.5rem; + +$accordionHeaderHoverBg: #f6f6f6; +$accordionHeaderHoverBorderColor: transparent; +$accordionHeaderTextHoverColor: $textColor; + +$accordionHeaderActiveBg: #ffffff; +$accordionHeaderActiveBorderColor: transparent; +$accordionHeaderTextActiveColor: $textColor; + +$accordionHeaderActiveHoverBg: #ffffff; +$accordionHeaderActiveHoverBorderColor: transparent; +$accordionHeaderActiveTextHoverColor: $textColor; + +$accordionContentBorder: 0 none; +$accordionContentBg: #ffffff; +$accordionContentTextColor: $textColor; +$accordionContentPadding: 1rem 1.5rem; + +//tabview +$tabsHeaderSpacing: 0; +$tabsNavBorderWidth: 2px; +$tabsNavBorder: $tabsNavBorderWidth solid rgba(0, 0, 0, .12); +$tabsNavBg: #ffffff; + +$tabsHeaderBg: #ffffff; +$tabsHeaderTextColor: $textSecondaryColor; +$tabsHeaderFontWeight: 500; +$tabsHeaderPadding: 1rem 1.5rem; + +$tabsHeaderHoverBg: rgba($primaryColor, .04); +$tabsHeaderHoverBorderColor: transparent; +$tabsHeaderTextHoverColor: $textSecondaryColor; + +$tabsHeaderActiveBg: #ffffff; +$tabsHeaderActiveBorderColor: $primaryColor; +$tabsHeaderTextActiveColor: $primaryColor; + +$tabsContentBorder: 0 none; +$tabsContentBg: #ffffff; +$tabsContentTextColor: $textColor; +$tabsContentPadding: $panelContentPadding; + +//action icon +$tabsScrollerButtonBg: transparent; +$tabsScrollerButtonIconColor: $textSecondaryColor; +$tabsScrollerButtonHoverBg: rgba(0, 0, 0, .04); +$tabsScrollerButtonIconHoverColor: $textSecondaryColor; + +//scrollpanel +$scrollPanelHandleBg: $primaryColor; +$scrollPanelTrackBorder: 0 none; +$scrollPanelTrackBg: rgba(0, 0, 0, .12); + +//paginator +$paginatorBg: #ffffff; +$paginatorBorder: solid #e4e4e4; +$paginatorBorderWidth: 0; +$paginatorIconColor: $textSecondaryColor; +$paginatorPadding: .5rem 1rem; +$paginatorElementWidth: $buttonIconOnlyWidth; +$paginatorElementHeight: $buttonIconOnlyWidth; +$paginatorElementHoverBg: rgba(0, 0, 0, .04); +$paginatorElementHoverIconColor: $textSecondaryColor; +$paginatorElementMargin: .143rem; +$paginatorElementBorder: 0 none; +$paginatorElementHoverBorderColor: transparent; +$paginatorElementBorderRadius: 50%; + +//datatable +$datatableHeaderBorder: 1px solid #e4e4e4; +$datatableHeaderBorderWidth: 0 0 1px 0; +$datatableHeaderBg: #ffffff; +$datatableHeaderTextColor: $textColor; +$datatableHeaderFontWeight: 500; +$datatableHeaderPadding: 1rem 1rem; + +$datatableHeaderCellPadding: 1rem 1rem; +$datatableHeaderCellBg: #ffffff; +$datatableHeaderCellTextColor: $textColor; +$datatableHeaderCellIconColor: $textSecondaryColor; +$datatableHeaderCellFontWeight: 500; +$datatableHeaderCellBorder: 1px solid #e4e4e4; +$datatableHeaderCellBorderWidth: 0 0 1px 0; +$datatableHeaderCellHoverBg: rgba(0, 0, 0, .04); +$datatableHeaderCellTextHoverColor: $textColor; +$datatableHeaderCellHighlightBg: #ffffff; +$datatableHeaderCellHighlightTextColor: $textColor; +$datatableHeaderCellHighlightHoverBg: rgba(0, 0, 0, .04); +$datatableHeaderCellHighlightTextHoverColor: $textColor; +$datatableSortableColumnBadgeSize: 1.143rem; + +$datatableBodyRowBg: #ffffff; +$datatableBodyRowTextColor: $textColor; +$datatableBodyRowOddBg: rgba(0, 0, 0, .02); +$datatableBodyRowHoverBg: rgba(0, 0, 0, .04); +$datatableBodyRowTextHoverColor: $textColor; +$datatableBodyRowBorder: 1px solid #e4e4e4; +$datatableBodyCellBorderWidth: 0 0 1px 0; +$datatableBodyCellPadding: 1rem 1rem; + +$datatableFooterBorderWidth: 0 0 1px 0; +$datatableFooterCellPadding: 1rem 1rem; +$datatableFooterCellBg: #ffffff; +$datatableFooterCellTextColor: $textColor; +$datatableFooterCellFontWeight: 500; +$datatableFooterCellBorder: 1px solid #e4e4e4; +$datatableFooterCellBorderWidth: 0 0 1px 0; +$datatableResizerHelperBg: $primaryColor; + +$datatableFooterBorder: 1px solid #e4e4e4; +$datatableFooterBorderWidth: 0 0 1px 0; +$datatableFooterBg: #ffffff; +$datatableFooterTextColor: $textColor; +$datatableFooterFontWeight: 500; +$datatableFooterPadding: 1rem 1rem; + +$datatableTopPaginatorBorderWidth: 0 0 1px 0; +$datatableBottomPaginatorBorderWidth: 0 0 1px 0; + +$datatableScaleSm: 0.5; +$datatableScaleLg: 1.25; + +//dataview +$dataViewContentPadding: 1rem 0; +$dataViewContentBorder: 0 none; +$dataViewListItemBorder: solid rgba(0, 0, 0, .12); +$dataViewListItemBorderWidth: 0 0 1px 0; + +//orderlist, picklist +$orderListDropPlaceholderBg:scale-color($highlightBg, $lightness: -20%); +$pickListDropPlaceholderBg:scale-color($highlightBg, $lightness: -20%); + +//schedule +$scheduleCellBorderColor: $panelContentBorder; +$scheduleTodayBg: lighten($highlightBg, 10%); +$scheduleEventBg: $highlightBg; +$scheduleEventBorder: 1px solid $highlightBg; +$scheduleEventTextColor: $highlightTextColor; + +//tree +$treeNodePadding: .25rem; +$treeNodeLabelPadding: .25rem; + +//messages +$messagesMargin: 1rem 0; +$messagesPadding: 1.25rem 1.5rem; +$messagesIconFontSize: 1.5rem; +$messagesBorderWidth: 0 0 0 0; +$messagesFontWeight: 500; +$infoMessageBg: #B3E5FC; +$infoMessageBorder: solid transparent; +$infoMessageTextColor: #01579B; +$infoMessageIconColor: #01579B; +$warnMessageBg: #FFECB3; +$warnMessageBorder: solid transparent; +$warnMessageTextColor: #7f6003; +$warnMessageIconColor: #7f6003; +$errorMessageBg: #FFCDD2; +$errorMessageBorder: solid transparent; +$errorMessageTextColor: #B71C1C; +$errorMessageIconColor: #B71C1C; +$growlIconFontSize: 2rem; +$growlMargin: 0 0 1rem 0; +$growlPadding: 1rem; +$messageBorderWidth: 0 0 0 3px; + +//overlays +$overlayContentBorder: 0 none; +$overlayContainerShadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, .12); + +//dialog +$dialogHeaderBg: #ffffff; +$dialogHeaderBorder: 0 none; +$dialogHeaderTextColor: $textColor; +$dialogHeaderFontWeight: 500; +$dialogHeaderFontSize: 1.25rem; +$dialogHeaderPadding: 1.5rem; +$dialogContentBorder: 0 none; +$dialogContentBg: #ffffff; +$dialogContentTextColor: $textColor; +$dialogContentPadding: 0.2rem 1.5rem 1.5rem 1.5rem; +$dialogFooterBorder: 0 none; +$dialogFooterBg: #ffffff; +$dialogFooterTextColor: $textColor; +$dialogFooterPadding: 1rem 1.5rem; + +$confirmDialogContentPadding: 0.2rem 1.5rem 1.5rem 1.5rem; +$confirmDialogIconFontSize: 2rem; + +//overlay panel +$overlayPanelCloseIconBg: $primaryColor; +$overlayPanelCloseIconColor: $primaryTextColor; +$overlayPanelCloseIconHoverBg: rgba($primaryColor, .92); +$overlayPanelCloseIconHoverColor: $primaryTextColor; + +//tooltip +$tooltipBg: rgba(97, 97, 97, .9); +$tooltipTextColor: #ffffff; + +//steps +$stepsItemTextColor: $textColor; +$stepsItemNumberBorder: 1px solid transparent; +$stepsItemNumberColor: $textColor; +$stepsItemNumberBg: transparent; +$stepsItemNumberFontSize: 1.143rem; +$stepsItemNumberWidth: 2rem; +$stepsItemNumberHeight: 2rem; +$stepsItemNumberBorderRadius: 50%; + +//progressbar +$progressBarHeight: 4px; +$progressBarBorder: 0 none; +$progressBarBg: rgba($primaryColor, .32); +$progressBarValueBg: $primaryColor; + +//menu +$menuBg: #ffffff; +$menuBorder: 1px solid #e5e5e5; +$menuitemTextColor: $textColor; +$menuitemIconColor: $textSecondaryColor; +$menuitemHoverBg: rgba(0, 0, 0, .04); +$menuitemTextHoverColor: $textColor; +$menuitemHoverIconColor: $textSecondaryColor; +$menuitemPadding: 1rem 1rem; +$menuitemMargin: 0; +$menuitemBorderRadius: 0; +$menuSeparatorMargin: .5rem 0; + +$breadcrumbPadding: 1rem; +$breadcrumbBg: #ffffff; +$breadcrumbBorder: 1px solid #e5e5e5; +$breadcrumbItemTextColor: $textColor; +$breadcrumbItemIconColor: $textSecondaryColor; +$breadcrumbLastItemTextColor: $textColor; +$breadcrumbLastItemIconColor: $textSecondaryColor; +$breadcrumbSeparatorColor: $textSecondaryColor; + +$submenuHeaderMargin: 0; +$submenuHeaderPadding: 1rem; +$submenuHeaderBg: #ffffff; +$submenuHeaderBorder: 0 none; +$submenuHeaderTextColor: $textSecondaryColor; +$submenuHeaderFontWeight: 400; +$submenuHeaderFontSize: 1rem; + +$verticalMenuPadding: .5rem 0; + +$horizontalMenuPadding: 1rem; +$horizontalMenuBg: transparent; + +$overlayMenuShadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12); + +//upload +$fileItemPadding: 1rem; + +//badge and tag +$badgeBg: $primaryColor; +$badgeTextColor: $primaryTextColor; +$badgeMinWidth: 1.5rem; +$badgeHeight: 1.5rem; +$badgeFontWeight: 700; +$badgeFontSize: .75rem; + +$tagPadding: .25rem .4rem; + +//card +$cardBodyPadding: 1rem; +$cardTitleFontSize: 1.5rem; +$cardTitleFontWeight: 700; +$cardSubTitleFontWeight: 400; +$cardSubTitleColor: $textSecondaryColor; +$cardContentPadding: 1rem 0; +$cardFooterPadding: 1rem 0 0 0; +$cardShadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12); + +//editor +$editorToolbarBg:$panelHeaderBg !default; +$editorToolbarBorder:$panelHeaderBorder !default; +$editorToolbarPadding:$panelHeaderPadding !default; +$editorToolbarIconColor:$textSecondaryColor !default; +$editorToolbarIconHoverColor:$textColor !default; +$editorIconActiveColor:$primaryColor !default; +$editorContentBorder:$panelContentBorder !default; +$editorContentBg:$panelContentBg !default; + +//divider +$dividerHorizontalMargin: 1.25rem 0; +$dividerHorizontalPadding: 0 1.25rem; +$dividerVerticalMargin: 0 1.25rem; +$dividerVerticalPadding: 1.25rem 0; +$dividerSize: 1px; +$dividerColor: rgba(0, 0, 0, .12); + +//avatar +$avatarBg: rgba(0, 0, 0, .12); +$avatarTextColor: $textColor; + +//chip +$chipBg:$highlightBg !default; +$chipTextColor:$highlightTextColor !default; +$chipBorderRadius: 16px; + +//scrollTop +$scrollTopBg: $accentColor; +$scrollTopHoverBg: rgba($accentColor, .92); +$scrollTopWidth: 3rem; +$scrollTopHeight: 3rem; +$scrollTopBorderRadius: 50%; +$scrollTopFontSize: 1.5rem; +$scrollTopTextColor: $accentTextColor; + +//skeleton +$skeletonBg: rgba(0, 0, 0, .08); +$skeletonAnimationBg: rgba(255, 255, 255, 0.4); + +//splitter +$splitterGutterBg: rgba(0, 0, 0, .04); +$splitterGutterHandleBg: rgba(0, 0, 0, .12); + +//chronoline +$chronolineVerticalEventContentPadding: 0 1rem; +$chronolineHorizontalEventContentPadding: 1rem 0; +$chronolineEventMarkerWidth: 1rem; +$chronolineEventMarkerHeight: 1rem; +$chronolineEventMarkerBorderRadius: 50%; +$chronolineEventMarkerBorder: 0 none; +$chronolineEventMarkerBackground: #bdbdbd; +$chronolineEventConnectorSize: 2px; +$chronolineEventColor: #bdbdbd; + +//confirmpopup +$confirmPopupContentPadding: 1.5rem; +$confirmPopupFooterPadding: 0 1.5rem 1rem 1.5rem; + +//speeddial +$speedDialButtonWidth: 4rem !default; +$speedDialButtonHeight: 4rem !default; +$speedDialButtonIconFontSize: 2rem !default; +$speedDialActionWidth: 3rem !default; +$speedDialActionHeight: 3rem !default; +$speedDialActionBg: $accentColor !default; +$speedDialActionHoverBg: rgba($accentColor, .92) !default; +$speedDialActionTextColor: #fff !default; +$speedDialActionTextHoverColor: #fff !default; + +//carousel +$carouselIndicatorsPadding:1rem !default; +$carouselIndicatorBg:#dcdcdc !default; +$carouselIndicatorHoverBg:#ececec !default; +$carouselIndicatorBorderRadius:0 !default; +$carouselIndicatorWidth:2rem !default; +$carouselIndicatorHeight:.5rem !default; + +//galleria +$galleriaMaskBg:rgba(0,0,0,0.9) !default; +$galleriaCloseIconMargin:.5rem !default; +$galleriaCloseIconFontSize:2rem !default; +$galleriaCloseIconBg:transparent !default; +$galleriaCloseIconColor:rgba(255,255,255,.87) !default; +$galleriaCloseIconHoverBg:rgba(255,255,255,0.1) !default; +$galleriaCloseIconHoverColor:rgba(255,255,255,.87) !default; +$galleriaCloseIconWidth:4rem !default; +$galleriaCloseIconHeight:4rem !default; +$galleriaCloseIconBorderRadius:50% !default; + +$galleriaItemNavigatorBg:transparent !default; +$galleriaItemNavigatorColor:#f6f6f6 !default; +$galleriaItemNavigatorMargin:0 .5rem !default; +$galleriaItemNavigatorFontSize:2rem !default; +$galleriaItemNavigatorHoverBg:rgba(255,255,255,0.1) !default; +$galleriaItemNavigatorHoverColor:rgba(255,255,255,.87) !default; +$galleriaItemNavigatorWidth:4rem !default; +$galleriaItemNavigatorHeight:4rem !default; +$galleriaItemNavigatorBorderRadius:50% !default; + +$galleriaCaptionBg:rgba(0,0,0,.5) !default; +$galleriaCaptionTextColor:rgba(255,255,255,.87) !default; +$galleriaCaptionPadding:1rem !default; + +$galleriaIndicatorsPadding:1rem !default; +$galleriaIndicatorBg:#dcdcdc !default; +$galleriaIndicatorHoverBg:#ececec !default; +$galleriaIndicatorBorderRadius:50% !default; +$galleriaIndicatorWidth:1.25rem !default; +$galleriaIndicatorHeight:1.25rem !default; +$galleriaIndicatorsBgOnItem:rgba(0,0,0,.5) !default; +$galleriaIndicatorBgOnItem:rgba(255,255,255,.4) !default; +$galleriaIndicatorHoverBgOnItem:rgba(255,255,255,.6) !default; + +$galleriaThumbnailContainerBg:rgba(0,0,0,.9) !default; +$galleriaThumbnailContainerPadding:.8rem .25rem !default; +$galleriaThumbnailContentMargin:.2rem !default; +$galleriaThumbnailNavigatorBg:transparent !default; +$galleriaThumbnailNavigatorColor:rgba(255,255,255,.87) !default; +$galleriaThumbnailNavigatorHoverBg:rgba(255,255,255,0.1) !default; +$galleriaThumbnailNavigatorHoverColor:rgba(255,255,255,.87) !default; +$galleriaThumbnailNavigatorBorderRadius:50% !default; +$galleriaThumbnailNavigatorWidth:2rem !default; +$galleriaThumbnailNavigatorHeight:2rem !default; + +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:#{$textColor}; + --text-color-secondary:#{$textSecondaryColor}; + --primary-color:#{$primaryColor}; + --primary-dark-color:#{$primaryDarkColor}; + --primary-lightest-color:#{$primaryLightestColor}; + --primary-color-text:#{$primaryTextColor}; + --font-family:#{$fontFamily}; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:#{$panelContentPadding}; + --inline-spacing:#{$inlineSpacing}; + --border-radius:#{$borderRadius}; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: #{$maskBg}; + --focus-ring: #{$focusShadow}; + color-scheme: light; +} diff --git a/src/main/resources/resources/layout/styles/theme/theme-light/overrides/_theme.scss b/src/main/resources/resources/layout/styles/theme/theme-light/overrides/_theme.scss new file mode 100644 index 0000000..3b23bff --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/theme-light/overrides/_theme.scss @@ -0,0 +1 @@ +/* Add your customizations of theme here */ \ No newline at end of file diff --git a/src/main/resources/resources/layout/styles/theme/theme-light/overrides/_variables.scss b/src/main/resources/resources/layout/styles/theme/theme-light/overrides/_variables.scss new file mode 100644 index 0000000..d7442c2 --- /dev/null +++ b/src/main/resources/resources/layout/styles/theme/theme-light/overrides/_variables.scss @@ -0,0 +1 @@ +/* Add your variable customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-amber-dark/theme.css b/src/main/resources/resources/primefaces-ultima-amber-dark/theme.css new file mode 100644 index 0000000..a3b1ba4 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-amber-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#FFD54F; + --primary-lightest-color:#FFF8E1; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fffdf6; + --primary-100:#fff5d5; + --primary-200:#ffedb3; + --primary-300:#ffe592; + --primary-400:#ffdd70; + --primary-500:#ffd54f; + --primary-600:#d9b543; + --primary-700:#b39537; + --primary-800:#8c752b; + --primary-900:#665520; +} + +body .ui-button { + background: #FFD54F; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(255, 213, 79, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(255, 213, 79, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFD54F; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 213, 79, 0.04); + color: #FFD54F; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FFD54F; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 213, 79, 0.04); + color: #FFD54F; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #4f78ff; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(79, 120, 255, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(79, 120, 255, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #4f78ff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(79, 120, 255, 0.04); + color: #4f78ff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(79, 120, 255, 0.16); + color: #4f78ff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #4f78ff; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(79, 120, 255, 0.04); + border-color: transparent; + color: #4f78ff; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(79, 120, 255, 0.16); + border-color: transparent; + color: #4f78ff; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #FFD54F; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(255, 213, 79, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(255, 213, 79, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #4f78ff; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(79, 120, 255, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FFD54F; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #FFD54F; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFD54F; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFD54F; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(255, 213, 79, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #FFD54F; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(255, 225, 130, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(255, 213, 79, 0.16); + border: 1px solid rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #FFD54F; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(255, 213, 79, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(255, 213, 79, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(255, 197, 12, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(255, 197, 12, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(255, 213, 79, 0.16); + border-color: rgba(255, 213, 79, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFD54F; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFD54F; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFD54F; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(255, 213, 79, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(255, 213, 79, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #FFD54F; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFD54F; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFD54F; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFD54F; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFD54F; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FFD54F; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FFD54F; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFD54F; + background: rgba(255, 213, 79, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFD54F; + background: #FFD54F; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FFD54F; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FFD54F; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FFD54F; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FFD54F; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #4f78ff; + color: #ffffff; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(79, 120, 255, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(79, 120, 255, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #4f78ff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(79, 120, 255, 0.04); + color: #4f78ff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(79, 120, 255, 0.16); + color: #4f78ff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #4f78ff; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(79, 120, 255, 0.04); + border-color: transparent; + color: #4f78ff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(79, 120, 255, 0.16); + border-color: transparent; + color: #4f78ff; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FFD54F; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #FFD54F; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FFD54F; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(255, 213, 79, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FFD54F; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(255, 213, 79, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FFD54F; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(255, 213, 79, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(255, 213, 79, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFD54F; + background: #212121; + color: #FFD54F; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFD54F; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FFD54F; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FFD54F; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FFD54F; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFD54F; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FFD54F; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FFD54F; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #FFD54F; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #FFD54F; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #FFD54F; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFD54F; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFD54F; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFD54F; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFD54F; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(255, 213, 79, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #FFD54F; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border-color: rgba(255, 213, 79, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(255, 213, 79, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #FFD54F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FFD54F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FFD54F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFD54F; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFD54F; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFD54F; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #FFD54F; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #4f78ff; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(255, 213, 79, 0.16); + color: #FFD54F; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFD54F; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(255, 213, 79, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FFD54F; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #4f78ff; +} +body .ui-scrolltop:hover { + background: rgba(79, 120, 255, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FFD54F; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FFD54F; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(255, 213, 79, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(255, 213, 79, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #FFD54F; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(255, 213, 79, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FFD54F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FFD54F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFD54F; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFD54F; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFD54F; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFD54F; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(255, 213, 79, 0.16); + color: #FFD54F; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(255, 213, 79, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(255, 213, 79, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(255, 213, 79, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(255, 213, 79, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(255, 213, 79, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(255, 213, 79, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(79, 120, 255, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(79, 120, 255, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(79, 120, 255, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(79, 120, 255, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FFD54F, inset 0 0 0 1px #FFD54F, inset 0 0 0 1px #FFD54F, inset 0 0 0 1px #FFD54F; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFD54F, #FFD54F), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FFD54F, #FFD54F), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #FFD54F; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #FFD54F; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 213, 79, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 213, 79, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFD54F, #FFD54F), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FFD54F, #FFD54F), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #FFD54F, inset 0 0 0 1px #FFD54F, inset 0 0 0 1px #FFD54F, inset 0 0 0 1px #FFD54F; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #FFD54F; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FFD54F, inset 0 0 0 1px #FFD54F, inset 0 0 0 1px #FFD54F, inset 0 0 0 1px #FFD54F; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFD54F, #FFD54F), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FFD54F, #FFD54F), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFD54F, #FFD54F), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(255, 213, 79, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 213, 79, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(255, 213, 79, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFD54F, #FFD54F), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FFD54F, #FFD54F), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #FFD54F, inset 0 0 0 1px #FFD54F, inset 0 0 0 1px #FFD54F, inset 0 0 0 1px #FFD54F; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFD54F, #FFD54F), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FFD54F, #FFD54F), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(79, 120, 255, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #FFD54F; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(255, 213, 79, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(255, 213, 79, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(255, 213, 79, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 213, 79, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 213, 79, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-amber-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-amber-dark/theme.scss new file mode 100644 index 0000000..b1c120e --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-amber-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#FFD54F; +$primaryLightestColor: #FFF8E1; +$primaryTextColor:#212121; +$accentColor:#4f78ff; +$accentTextColor:#ffffff; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-amber/theme.css b/src/main/resources/resources/primefaces-ultima-amber/theme.css new file mode 100644 index 0000000..805628c --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-amber/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#FFB300; + --primary-dark-color:#FF6F00; + --primary-lightest-color:#FFF8E1; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fffbf2; + --primary-100:#ffedc2; + --primary-200:#ffde91; + --primary-300:#ffd061; + --primary-400:#ffc130; + --primary-500:#ffb300; + --primary-600:#d99800; + --primary-700:#b37d00; + --primary-800:#8c6200; + --primary-900:#664800; +} + +body .ui-button { + background: #FFB300; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(255, 179, 0, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(255, 179, 0, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFB300; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 179, 0, 0.04); + color: #FFB300; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 179, 0, 0.16); + color: #FFB300; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FFB300; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 179, 0, 0.04); + color: #FFB300; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 179, 0, 0.16); + color: #FFB300; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #0745ff; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(7, 69, 255, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(7, 69, 255, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0745ff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(7, 69, 255, 0.04); + color: #0745ff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(7, 69, 255, 0.16); + color: #0745ff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #0745ff; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(7, 69, 255, 0.04); + border-color: transparent; + color: #0745ff; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(7, 69, 255, 0.16); + border-color: transparent; + color: #0745ff; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #FFB300; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(255, 179, 0, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(255, 179, 0, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #0745ff; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(7, 69, 255, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FFB300; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #FFB300; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FF6F00; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FF6F00; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(255, 179, 0, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #FFB300; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(255, 194, 51, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(255, 179, 0, 0.12); + border: 1px solid rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #FFB300; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(255, 179, 0, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(255, 179, 0, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(204, 143, 0, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(204, 143, 0, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(255, 179, 0, 0.12); + border-color: rgba(255, 179, 0, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FF6F00; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FF6F00; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FF6F00; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(255, 179, 0, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(255, 179, 0, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #FFB300; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FF6F00; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FF6F00; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FF6F00; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FF6F00; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FFB300; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FFB300; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FF6F00; + background: rgba(255, 179, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFB300; + background: #FFB300; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FFB300; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FFB300; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FFB300; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FFB300; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #0745ff; + color: #ffffff; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(7, 69, 255, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(7, 69, 255, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #0745ff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(7, 69, 255, 0.04); + color: #0745ff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(7, 69, 255, 0.16); + color: #0745ff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #0745ff; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(7, 69, 255, 0.04); + border-color: transparent; + color: #0745ff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(7, 69, 255, 0.16); + border-color: transparent; + color: #0745ff; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FFB300; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #FFB300; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FFB300; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(255, 179, 0, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FFB300; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(255, 179, 0, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FFB300; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(255, 179, 0, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(255, 179, 0, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFB300; + background: #212121; + color: #FFB300; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFB300; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FFB300; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FFB300; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FFB300; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FF6F00; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FFB300; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FFB300; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #FFB300; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #FFB300; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #FFB300; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFB300; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFB300; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFB300; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFB300; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(255, 179, 0, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #FFB300; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; + border-color: rgba(255, 179, 0, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(255, 179, 0, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #FFB300; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FFB300; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FFB300; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFB300; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFB300; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFB300; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #FFB300; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #0745ff; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(255, 179, 0, 0.12); + color: #FF6F00; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFB300; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(255, 179, 0, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FFB300; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #0745ff; +} +body .ui-scrolltop:hover { + background: rgba(7, 69, 255, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FFB300; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FFB300; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(255, 179, 0, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(255, 179, 0, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #FFB300; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(255, 179, 0, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FFB300; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FFB300; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB300; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB300; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB300; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB300; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(255, 179, 0, 0.12); + color: #FF6F00; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(255, 179, 0, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(255, 179, 0, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(255, 179, 0, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(255, 179, 0, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(255, 179, 0, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(255, 179, 0, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(7, 69, 255, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(7, 69, 255, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(7, 69, 255, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(7, 69, 255, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #FFB300; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #FFB300; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 179, 0, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 179, 0, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #FFB300; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(255, 179, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 179, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(255, 179, 0, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300, inset 0 0 0 1px #FFB300; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FFB300, #FFB300), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(7, 69, 255, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #FFB300; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(255, 179, 0, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(255, 179, 0, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(255, 179, 0, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 179, 0, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 179, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-amber/theme.scss b/src/main/resources/resources/primefaces-ultima-amber/theme.scss new file mode 100644 index 0000000..599497d --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-amber/theme.scss @@ -0,0 +1,11 @@ +$primaryColor:#FFB300; +$primaryLightestColor: #FFF8E1; +$primaryDarkColor: #FF6F00; +$primaryTextColor:#212121; +$accentColor:#0745ff; +$accentTextColor:#ffffff; + +$highlightBg: rgba($primaryColor, .12); +$highlightTextColor: $primaryDarkColor; + +@import '../layout/styles/theme/theme-light/_theme'; \ No newline at end of file diff --git a/src/main/resources/resources/primefaces-ultima-blue-dark/theme.css b/src/main/resources/resources/primefaces-ultima-blue-dark/theme.css new file mode 100644 index 0000000..aa3c5df --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-blue-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#64B5F6; + --primary-lightest-color:#E3F2FD; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f7fbff; + --primary-100:#daedfd; + --primary-200:#bcdffb; + --primary-300:#9fd1f9; + --primary-400:#81c3f8; + --primary-500:#64b5f6; + --primary-600:#559ad1; + --primary-700:#467fac; + --primary-800:#376487; + --primary-900:#284862; +} + +body .ui-button { + background: #64B5F6; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(100, 181, 246, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(100, 181, 246, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #64B5F6; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #64B5F6; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(100, 181, 246, 0.04); + color: #64B5F6; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #f6a664; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(246, 166, 100, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(246, 166, 100, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #f6a664; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(246, 166, 100, 0.04); + color: #f6a664; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(246, 166, 100, 0.16); + color: #f6a664; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #f6a664; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(246, 166, 100, 0.04); + border-color: transparent; + color: #f6a664; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(246, 166, 100, 0.16); + border-color: transparent; + color: #f6a664; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #64B5F6; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(100, 181, 246, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(100, 181, 246, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #f6a664; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(246, 166, 100, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #64B5F6; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #64B5F6; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #64B5F6; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #64B5F6; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(100, 181, 246, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #64B5F6; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(148, 204, 249, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(100, 181, 246, 0.16); + border: 1px solid rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #64B5F6; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(100, 181, 246, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(100, 181, 246, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(35, 150, 242, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(35, 150, 242, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(100, 181, 246, 0.16); + border-color: rgba(100, 181, 246, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #64B5F6; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #64B5F6; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #64B5F6; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(100, 181, 246, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(100, 181, 246, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #64B5F6; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #64B5F6; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #64B5F6; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #64B5F6; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #64B5F6; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #64B5F6; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #64B5F6; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #64B5F6; + background: rgba(100, 181, 246, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #64B5F6; + background: #64B5F6; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #64B5F6; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #64B5F6; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #64B5F6; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #64B5F6; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #f6a664; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(246, 166, 100, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(246, 166, 100, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #f6a664; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(246, 166, 100, 0.04); + color: #f6a664; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(246, 166, 100, 0.16); + color: #f6a664; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #f6a664; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(246, 166, 100, 0.04); + border-color: transparent; + color: #f6a664; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(246, 166, 100, 0.16); + border-color: transparent; + color: #f6a664; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #64B5F6; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #64B5F6; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #64B5F6; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(100, 181, 246, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #64B5F6; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(100, 181, 246, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #64B5F6; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(100, 181, 246, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(100, 181, 246, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #64B5F6; + background: #212121; + color: #64B5F6; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #64B5F6; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #64B5F6; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #64B5F6; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #64B5F6; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #64B5F6; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #64B5F6; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #64B5F6; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #64B5F6; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #64B5F6; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #64B5F6; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #64B5F6; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #64B5F6; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #64B5F6; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #64B5F6; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(100, 181, 246, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #64B5F6; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border-color: rgba(100, 181, 246, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(100, 181, 246, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #64B5F6; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #64B5F6; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #64B5F6; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #64B5F6; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #64B5F6; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #64B5F6; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #64B5F6; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #f6a664; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(100, 181, 246, 0.16); + color: #64B5F6; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #64B5F6; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(100, 181, 246, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #64B5F6; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #f6a664; +} +body .ui-scrolltop:hover { + background: rgba(246, 166, 100, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #64B5F6; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #64B5F6; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(100, 181, 246, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(100, 181, 246, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #64B5F6; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(100, 181, 246, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #64B5F6; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #64B5F6; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #64B5F6; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #64B5F6; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #64B5F6; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #64B5F6; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(100, 181, 246, 0.16); + color: #64B5F6; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(100, 181, 246, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(100, 181, 246, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(100, 181, 246, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(100, 181, 246, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(100, 181, 246, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(100, 181, 246, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(246, 166, 100, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(246, 166, 100, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(246, 166, 100, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(246, 166, 100, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #64B5F6; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #64B5F6; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(100, 181, 246, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(100, 181, 246, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #64B5F6; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(100, 181, 246, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(100, 181, 246, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(100, 181, 246, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6, inset 0 0 0 1px #64B5F6; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #64B5F6, #64B5F6), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(246, 166, 100, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #64B5F6; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(100, 181, 246, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(100, 181, 246, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(100, 181, 246, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(100, 181, 246, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(100, 181, 246, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-blue-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-blue-dark/theme.scss new file mode 100644 index 0000000..ac373c3 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-blue-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#64B5F6; +$primaryLightestColor: #E3F2FD; +$primaryTextColor:#212121; +$accentColor:#f6a664; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-blue/theme.css b/src/main/resources/resources/primefaces-ultima-blue/theme.css new file mode 100644 index 0000000..fc0c0d4 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-blue/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#2196F3; + --primary-dark-color:#2196F3; + --primary-lightest-color:#E3F2FD; + --primary-color-text:#ffffff; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f4fafe; + --primary-100:#cae6fc; + --primary-200:#a0d2fa; + --primary-300:#75bef8; + --primary-400:#4baaf5; + --primary-500:#2196f3; + --primary-600:#1c80cf; + --primary-700:#1769aa; + --primary-800:#125386; + --primary-900:#0d3c61; +} + +body .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(33, 150, 243, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #f37f21; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(243, 127, 33, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(243, 127, 33, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #f37f21; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(243, 127, 33, 0.04); + color: #f37f21; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(243, 127, 33, 0.16); + color: #f37f21; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #f37f21; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(243, 127, 33, 0.04); + border-color: transparent; + color: #f37f21; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(243, 127, 33, 0.16); + border-color: transparent; + color: #f37f21; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #2196F3; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(33, 150, 243, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(33, 150, 243, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #f37f21; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(243, 127, 33, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #2196F3; + color: #ffffff; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #2196F3; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #2196F3; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #2196F3; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(33, 150, 243, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #2196F3; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(81, 173, 246, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(33, 150, 243, 0.12); + border: 1px solid rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #2196F3; + color: #ffffff; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(33, 150, 243, 0.92); + border-color: transparent; + color: #ffffff; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(33, 150, 243, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(11, 122, 209, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(11, 122, 209, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(33, 150, 243, 0.12); + border-color: rgba(33, 150, 243, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #2196F3; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #2196F3; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #2196F3; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(33, 150, 243, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(33, 150, 243, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #2196F3; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #2196F3; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #2196F3; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #2196F3; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #2196F3; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #2196F3; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(33, 150, 243, 0.12); + color: #2196F3; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #2196F3; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #2196F3; + background: rgba(33, 150, 243, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #2196F3; + background: #2196F3; + color: #ffffff; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #2196F3; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #2196F3; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #2196F3; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(33, 150, 243, 0.12); + color: #2196F3; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #2196F3; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #f37f21; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(243, 127, 33, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(243, 127, 33, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #f37f21; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(243, 127, 33, 0.04); + color: #f37f21; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(243, 127, 33, 0.16); + color: #f37f21; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #f37f21; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(243, 127, 33, 0.04); + border-color: transparent; + color: #f37f21; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(243, 127, 33, 0.16); + border-color: transparent; + color: #f37f21; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #2196F3; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #2196F3; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #2196F3; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(33, 150, 243, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #2196F3; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(33, 150, 243, 0.68); + border-color: transparent; + color: #ffffff; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #2196F3; + background: #ffffff; + color: #2196F3; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #2196F3; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #2196F3; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #2196F3; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #2196F3; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #2196F3; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #2196F3; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(33, 150, 243, 0.12); + color: #2196F3; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #2196F3; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #2196F3; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #2196F3; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #2196F3; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #2196F3; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #2196F3; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #2196F3; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #2196F3; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #ffffff; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(33, 150, 243, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #2196F3; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; + border-color: rgba(33, 150, 243, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #2196F3; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #2196F3; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #2196F3; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #2196F3; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #2196F3; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #2196F3; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #2196F3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #f37f21; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(33, 150, 243, 0.12); + color: #2196F3; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #2196F3; + color: #ffffff; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(33, 150, 243, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #2196F3; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #f37f21; +} +body .ui-scrolltop:hover { + background: rgba(243, 127, 33, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #2196F3; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #2196F3; + color: #ffffff; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(33, 150, 243, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #2196F3; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(33, 150, 243, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #2196F3; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #2196F3; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #2196F3; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #2196F3; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #2196F3; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #2196F3; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(33, 150, 243, 0.12); + color: #2196F3; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(243, 127, 33, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(243, 127, 33, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(243, 127, 33, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(243, 127, 33, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #2196F3; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #2196F3; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(33, 150, 243, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(33, 150, 243, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #2196F3; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(33, 150, 243, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(33, 150, 243, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3, inset 0 0 0 1px #2196F3; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #2196F3, #2196F3), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(243, 127, 33, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #2196F3; + color: #ffffff; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(33, 150, 243, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(33, 150, 243, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(33, 150, 243, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(33, 150, 243, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(33, 150, 243, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-blue/theme.scss b/src/main/resources/resources/primefaces-ultima-blue/theme.scss new file mode 100644 index 0000000..be1e2cf --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-blue/theme.scss @@ -0,0 +1,8 @@ +$primaryColor:#2196F3; +$primaryLightestColor: #E3F2FD; +$primaryDarkColor: $primaryColor; +$primaryTextColor:#ffffff; +$accentColor:#f37f21; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-light/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-bluegrey-dark/theme.css b/src/main/resources/resources/primefaces-ultima-bluegrey-dark/theme.css new file mode 100644 index 0000000..06be8db --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-bluegrey-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#90A4AE; + --primary-lightest-color:#ECEFF1; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f9fafb; + --primary-100:#e4e9ec; + --primary-200:#cfd8dc; + --primary-300:#bac7cd; + --primary-400:#a5b5bd; + --primary-500:#90a4ae; + --primary-600:#7a8b94; + --primary-700:#65737a; + --primary-800:#4f5a60; + --primary-900:#3a4246; +} + +body .ui-button { + background: #90A4AE; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(144, 164, 174, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(144, 164, 174, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #90A4AE; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 164, 174, 0.04); + color: #90A4AE; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #90A4AE; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 164, 174, 0.04); + color: #90A4AE; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #ae9a90; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(174, 154, 144, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(174, 154, 144, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #ae9a90; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(174, 154, 144, 0.04); + color: #ae9a90; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(174, 154, 144, 0.16); + color: #ae9a90; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #ae9a90; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(174, 154, 144, 0.04); + border-color: transparent; + color: #ae9a90; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(174, 154, 144, 0.16); + border-color: transparent; + color: #ae9a90; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #90A4AE; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(144, 164, 174, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(144, 164, 174, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #ae9a90; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(174, 154, 144, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #90A4AE; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #90A4AE; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #90A4AE; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #90A4AE; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(144, 164, 174, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #90A4AE; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(173, 188, 196, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(144, 164, 174, 0.16); + border: 1px solid rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #90A4AE; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(144, 164, 174, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(144, 164, 174, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(107, 134, 147, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(107, 134, 147, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(144, 164, 174, 0.16); + border-color: rgba(144, 164, 174, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #90A4AE; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #90A4AE; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #90A4AE; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(144, 164, 174, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(144, 164, 174, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #90A4AE; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #90A4AE; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #90A4AE; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #90A4AE; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #90A4AE; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #90A4AE; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #90A4AE; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #90A4AE; + background: rgba(144, 164, 174, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #90A4AE; + background: #90A4AE; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #90A4AE; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #90A4AE; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #90A4AE; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #90A4AE; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ae9a90; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(174, 154, 144, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(174, 154, 144, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #ae9a90; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(174, 154, 144, 0.04); + color: #ae9a90; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(174, 154, 144, 0.16); + color: #ae9a90; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #ae9a90; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(174, 154, 144, 0.04); + border-color: transparent; + color: #ae9a90; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(174, 154, 144, 0.16); + border-color: transparent; + color: #ae9a90; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #90A4AE; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #90A4AE; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #90A4AE; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(144, 164, 174, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #90A4AE; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(144, 164, 174, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #90A4AE; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(144, 164, 174, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(144, 164, 174, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #90A4AE; + background: #212121; + color: #90A4AE; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #90A4AE; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #90A4AE; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #90A4AE; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #90A4AE; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #90A4AE; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #90A4AE; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #90A4AE; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #90A4AE; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #90A4AE; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #90A4AE; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #90A4AE; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #90A4AE; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #90A4AE; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #90A4AE; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(144, 164, 174, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #90A4AE; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; + border-color: rgba(144, 164, 174, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(144, 164, 174, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #90A4AE; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #90A4AE; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #90A4AE; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #90A4AE; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #90A4AE; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #90A4AE; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #90A4AE; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #ae9a90; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(144, 164, 174, 0.16); + color: #90A4AE; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #90A4AE; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(144, 164, 174, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #90A4AE; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #ae9a90; +} +body .ui-scrolltop:hover { + background: rgba(174, 154, 144, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #90A4AE; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #90A4AE; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(144, 164, 174, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(144, 164, 174, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #90A4AE; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(144, 164, 174, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #90A4AE; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #90A4AE; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #90A4AE; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #90A4AE; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #90A4AE; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #90A4AE; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(144, 164, 174, 0.16); + color: #90A4AE; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(144, 164, 174, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(144, 164, 174, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(144, 164, 174, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(144, 164, 174, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(144, 164, 174, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(144, 164, 174, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(174, 154, 144, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(174, 154, 144, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(174, 154, 144, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(174, 154, 144, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #90A4AE; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #90A4AE; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(144, 164, 174, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(144, 164, 174, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #90A4AE; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(144, 164, 174, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(144, 164, 174, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(144, 164, 174, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE, inset 0 0 0 1px #90A4AE; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #90A4AE, #90A4AE), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(174, 154, 144, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #90A4AE; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(144, 164, 174, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(144, 164, 174, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(144, 164, 174, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(144, 164, 174, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(144, 164, 174, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-bluegrey-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-bluegrey-dark/theme.scss new file mode 100644 index 0000000..6ad58f3 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-bluegrey-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#90A4AE; +$primaryLightestColor: #ECEFF1; +$primaryTextColor:#212121; +$accentColor:#ae9a90; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-bluegrey/theme.css b/src/main/resources/resources/primefaces-ultima-bluegrey/theme.css new file mode 100644 index 0000000..7874547 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-bluegrey/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#607D8B; + --primary-dark-color:#607D8B; + --primary-lightest-color:#ECEFF1; + --primary-color-text:#ffffff; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f7f9f9; + --primary-100:#d9e0e3; + --primary-200:#bbc7cd; + --primary-300:#9caeb7; + --primary-400:#7e96a1; + --primary-500:#607d8b; + --primary-600:#526a76; + --primary-700:#435861; + --primary-800:#35454c; + --primary-900:#263238; +} + +body .ui-button { + background: #607D8B; + color: #ffffff; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(96, 125, 139, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(96, 125, 139, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(96, 125, 139, 0.04); + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(96, 125, 139, 0.16); + color: #607D8B; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #8b6e60; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(139, 110, 96, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(139, 110, 96, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #8b6e60; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(139, 110, 96, 0.04); + color: #8b6e60; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(139, 110, 96, 0.16); + color: #8b6e60; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #8b6e60; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(139, 110, 96, 0.04); + border-color: transparent; + color: #8b6e60; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(139, 110, 96, 0.16); + border-color: transparent; + color: #8b6e60; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #607D8B; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(96, 125, 139, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(96, 125, 139, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #8b6e60; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(139, 110, 96, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #607D8B; + color: #ffffff; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #607D8B; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #607D8B; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #607D8B; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(96, 125, 139, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #607D8B; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(123, 150, 163, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(96, 125, 139, 0.12); + border: 1px solid rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #607D8B; + color: #ffffff; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(96, 125, 139, 0.92); + border-color: transparent; + color: #ffffff; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(96, 125, 139, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(77, 100, 111, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(77, 100, 111, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(96, 125, 139, 0.12); + border-color: rgba(96, 125, 139, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #607D8B; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #607D8B; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #607D8B; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(96, 125, 139, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(96, 125, 139, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #607D8B; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #607D8B; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #607D8B; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #607D8B; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #607D8B; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #607D8B; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(96, 125, 139, 0.12); + color: #607D8B; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #607D8B; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #607D8B; + background: rgba(96, 125, 139, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #607D8B; + background: #607D8B; + color: #ffffff; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #607D8B; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #607D8B; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #607D8B; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(96, 125, 139, 0.12); + color: #607D8B; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #607D8B; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #8b6e60; + color: #ffffff; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(139, 110, 96, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(139, 110, 96, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #8b6e60; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(139, 110, 96, 0.04); + color: #8b6e60; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(139, 110, 96, 0.16); + color: #8b6e60; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #8b6e60; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(139, 110, 96, 0.04); + border-color: transparent; + color: #8b6e60; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(139, 110, 96, 0.16); + border-color: transparent; + color: #8b6e60; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #607D8B; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #607D8B; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #607D8B; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(96, 125, 139, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #607D8B; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(96, 125, 139, 0.68); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #607D8B; + color: #ffffff; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(96, 125, 139, 0.92); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(96, 125, 139, 0.68); + border-color: transparent; + color: #ffffff; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #607D8B; + background: #ffffff; + color: #607D8B; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #607D8B; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #607D8B; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #607D8B; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #607D8B; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #607D8B; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #607D8B; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(96, 125, 139, 0.12); + color: #607D8B; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #607D8B; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #607D8B; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #607D8B; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #607D8B; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #607D8B; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #607D8B; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #607D8B; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #607D8B; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #ffffff; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(96, 125, 139, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #607D8B; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; + border-color: rgba(96, 125, 139, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(96, 125, 139, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #607D8B; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #607D8B; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #607D8B; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #607D8B; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #607D8B; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #607D8B; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #607D8B; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #8b6e60; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(96, 125, 139, 0.12); + color: #607D8B; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #607D8B; + color: #ffffff; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(96, 125, 139, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #607D8B; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #8b6e60; +} +body .ui-scrolltop:hover { + background: rgba(139, 110, 96, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #607D8B; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #607D8B; + color: #ffffff; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(96, 125, 139, 0.92); + color: #ffffff; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(96, 125, 139, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #607D8B; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(96, 125, 139, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #607D8B; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #607D8B; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #607D8B; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #607D8B; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #607D8B; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #607D8B; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(96, 125, 139, 0.12); + color: #607D8B; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(96, 125, 139, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(96, 125, 139, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(96, 125, 139, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(96, 125, 139, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(96, 125, 139, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(96, 125, 139, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(139, 110, 96, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(139, 110, 96, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(139, 110, 96, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(139, 110, 96, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #607D8B; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #607D8B; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(96, 125, 139, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(96, 125, 139, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #607D8B; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(96, 125, 139, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(96, 125, 139, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(96, 125, 139, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B, inset 0 0 0 1px #607D8B; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #607D8B, #607D8B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(139, 110, 96, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #607D8B; + color: #ffffff; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(96, 125, 139, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(96, 125, 139, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(96, 125, 139, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(96, 125, 139, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(96, 125, 139, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-bluegrey/theme.scss b/src/main/resources/resources/primefaces-ultima-bluegrey/theme.scss new file mode 100644 index 0000000..4d27312 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-bluegrey/theme.scss @@ -0,0 +1,8 @@ +$primaryColor:#607D8B; +$primaryLightestColor: #ECEFF1; +$primaryDarkColor: $primaryColor; +$primaryTextColor:#ffffff; +$accentColor:#8b6e60; +$accentTextColor:#ffffff; + +@import '../layout/styles/theme/theme-light/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-brown-dark/theme.css b/src/main/resources/resources/primefaces-ultima-brown-dark/theme.css new file mode 100644 index 0000000..7d25608 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-brown-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#A1887F; + --primary-lightest-color:#EFEBE9; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#faf9f9; + --primary-100:#e8e2e0; + --primary-200:#d7ccc8; + --primary-300:#c5b5b0; + --primary-400:#b39f97; + --primary-500:#a1887f; + --primary-600:#89746c; + --primary-700:#715f59; + --primary-800:#594b46; + --primary-900:#403633; +} + +body .ui-button { + background: #A1887F; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(161, 136, 127, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(161, 136, 127, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #A1887F; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(161, 136, 127, 0.04); + color: #A1887F; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #A1887F; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(161, 136, 127, 0.04); + color: #A1887F; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #7f98a1; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(127, 152, 161, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(127, 152, 161, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #7f98a1; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(127, 152, 161, 0.04); + color: #7f98a1; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(127, 152, 161, 0.16); + color: #7f98a1; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #7f98a1; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(127, 152, 161, 0.04); + border-color: transparent; + color: #7f98a1; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(127, 152, 161, 0.16); + border-color: transparent; + color: #7f98a1; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #A1887F; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(161, 136, 127, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(161, 136, 127, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #7f98a1; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(127, 152, 161, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #A1887F; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #A1887F; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #A1887F; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #A1887F; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(161, 136, 127, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #A1887F; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(183, 163, 156, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(161, 136, 127, 0.16); + border: 1px solid rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #A1887F; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(161, 136, 127, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(161, 136, 127, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(133, 107, 98, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(133, 107, 98, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(161, 136, 127, 0.16); + border-color: rgba(161, 136, 127, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #A1887F; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #A1887F; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #A1887F; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(161, 136, 127, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(161, 136, 127, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #A1887F; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #A1887F; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #A1887F; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #A1887F; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #A1887F; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #A1887F; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(161, 136, 127, 0.16); + color: #A1887F; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #A1887F; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #A1887F; + background: rgba(161, 136, 127, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #A1887F; + background: #A1887F; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #A1887F; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #A1887F; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #A1887F; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(161, 136, 127, 0.16); + color: #A1887F; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #A1887F; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #7f98a1; + color: #ffffff; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(127, 152, 161, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(127, 152, 161, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #7f98a1; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(127, 152, 161, 0.04); + color: #7f98a1; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(127, 152, 161, 0.16); + color: #7f98a1; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #7f98a1; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(127, 152, 161, 0.04); + border-color: transparent; + color: #7f98a1; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(127, 152, 161, 0.16); + border-color: transparent; + color: #7f98a1; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #A1887F; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #A1887F; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #A1887F; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(161, 136, 127, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #A1887F; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(161, 136, 127, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #A1887F; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(161, 136, 127, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(161, 136, 127, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #A1887F; + background: #212121; + color: #A1887F; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #A1887F; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #A1887F; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #A1887F; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #A1887F; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #A1887F; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #A1887F; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(161, 136, 127, 0.16); + color: #A1887F; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #A1887F; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #A1887F; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #A1887F; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #A1887F; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #A1887F; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #A1887F; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #A1887F; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #A1887F; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(161, 136, 127, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #A1887F; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; + border-color: rgba(161, 136, 127, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(161, 136, 127, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #A1887F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #A1887F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #A1887F; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #A1887F; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #A1887F; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #A1887F; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #A1887F; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #7f98a1; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(161, 136, 127, 0.16); + color: #A1887F; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #A1887F; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(161, 136, 127, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #A1887F; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #7f98a1; +} +body .ui-scrolltop:hover { + background: rgba(127, 152, 161, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #A1887F; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #A1887F; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(161, 136, 127, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(161, 136, 127, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #A1887F; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(161, 136, 127, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #A1887F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #A1887F; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A1887F; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A1887F; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A1887F; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #A1887F; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(161, 136, 127, 0.16); + color: #A1887F; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(161, 136, 127, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(161, 136, 127, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(161, 136, 127, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(161, 136, 127, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(161, 136, 127, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(161, 136, 127, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(127, 152, 161, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(127, 152, 161, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(127, 152, 161, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(127, 152, 161, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #A1887F, inset 0 0 0 1px #A1887F, inset 0 0 0 1px #A1887F, inset 0 0 0 1px #A1887F; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #A1887F, #A1887F), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #A1887F, #A1887F), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #A1887F; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #A1887F; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(161, 136, 127, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(161, 136, 127, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #A1887F, #A1887F), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #A1887F, #A1887F), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #A1887F, inset 0 0 0 1px #A1887F, inset 0 0 0 1px #A1887F, inset 0 0 0 1px #A1887F; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #A1887F; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #A1887F, inset 0 0 0 1px #A1887F, inset 0 0 0 1px #A1887F, inset 0 0 0 1px #A1887F; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #A1887F, #A1887F), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #A1887F, #A1887F), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #A1887F, #A1887F), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(161, 136, 127, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(161, 136, 127, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(161, 136, 127, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #A1887F, #A1887F), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #A1887F, #A1887F), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #A1887F, inset 0 0 0 1px #A1887F, inset 0 0 0 1px #A1887F, inset 0 0 0 1px #A1887F; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #A1887F, #A1887F), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #A1887F, #A1887F), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(127, 152, 161, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #A1887F; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(161, 136, 127, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(161, 136, 127, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(161, 136, 127, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(161, 136, 127, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(161, 136, 127, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-brown-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-brown-dark/theme.scss new file mode 100644 index 0000000..329b2a3 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-brown-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#A1887F; +$primaryLightestColor: #EFEBE9; +$primaryTextColor:#212121; +$accentColor:#7f98a1; +$accentTextColor:#ffffff; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-brown/theme.css b/src/main/resources/resources/primefaces-ultima-brown/theme.css new file mode 100644 index 0000000..272bd03 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-brown/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#795548; + --primary-dark-color:#795548; + --primary-lightest-color:#EFEBE9; + --primary-color-text:#ffffff; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f8f7f6; + --primary-100:#dfd6d3; + --primary-200:#c5b6b0; + --primary-300:#ac968e; + --primary-400:#92756b; + --primary-500:#795548; + --primary-600:#67483d; + --primary-700:#553c32; + --primary-800:#432f28; + --primary-900:#30221d; +} + +body .ui-button { + background: #795548; + color: #ffffff; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(121, 85, 72, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(121, 85, 72, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #795548; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(121, 85, 72, 0.04); + color: #795548; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(121, 85, 72, 0.16); + color: #795548; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #795548; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(121, 85, 72, 0.04); + color: #795548; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(121, 85, 72, 0.16); + color: #795548; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #486c79; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(72, 108, 121, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(72, 108, 121, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #486c79; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(72, 108, 121, 0.04); + color: #486c79; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(72, 108, 121, 0.16); + color: #486c79; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #486c79; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(72, 108, 121, 0.04); + border-color: transparent; + color: #486c79; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(72, 108, 121, 0.16); + border-color: transparent; + color: #486c79; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #795548; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(121, 85, 72, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(121, 85, 72, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #486c79; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(72, 108, 121, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #795548; + color: #ffffff; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #795548; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #795548; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #795548; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(121, 85, 72, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #795548; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(153, 107, 91, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(121, 85, 72, 0.12); + border: 1px solid rgba(121, 85, 72, 0.12); + color: #795548; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #795548; + color: #ffffff; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(121, 85, 72, 0.92); + border-color: transparent; + color: #ffffff; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(121, 85, 72, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(97, 68, 58, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(97, 68, 58, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(121, 85, 72, 0.12); + border-color: rgba(121, 85, 72, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #795548; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #795548; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #795548; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(121, 85, 72, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(121, 85, 72, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #795548; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(121, 85, 72, 0.12); + color: #795548; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #795548; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #795548; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #795548; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #795548; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #795548; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(121, 85, 72, 0.12); + color: #795548; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #795548; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #795548; + background: rgba(121, 85, 72, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #795548; + background: #795548; + color: #ffffff; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #795548; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #795548; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #795548; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(121, 85, 72, 0.12); + color: #795548; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(121, 85, 72, 0.12); + color: #795548; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(121, 85, 72, 0.12); + color: #795548; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #795548; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #486c79; + color: #ffffff; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(72, 108, 121, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(72, 108, 121, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #486c79; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(72, 108, 121, 0.04); + color: #486c79; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(72, 108, 121, 0.16); + color: #486c79; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #486c79; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(72, 108, 121, 0.04); + border-color: transparent; + color: #486c79; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(72, 108, 121, 0.16); + border-color: transparent; + color: #486c79; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(121, 85, 72, 0.12); + color: #795548; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #795548; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #795548; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #795548; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(121, 85, 72, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #795548; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(121, 85, 72, 0.68); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #795548; + color: #ffffff; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(121, 85, 72, 0.92); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(121, 85, 72, 0.68); + border-color: transparent; + color: #ffffff; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #795548; + background: #ffffff; + color: #795548; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #795548; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #795548; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #795548; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #795548; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #795548; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #795548; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(121, 85, 72, 0.12); + color: #795548; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #795548; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(121, 85, 72, 0.12); + color: #795548; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #795548; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #795548; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #795548; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #795548; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #795548; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #795548; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #795548; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #ffffff; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(121, 85, 72, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #795548; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(121, 85, 72, 0.12); + color: #795548; + border-color: rgba(121, 85, 72, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(121, 85, 72, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #795548; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #795548; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #795548; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #795548; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #795548; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #795548; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #795548; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #486c79; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(121, 85, 72, 0.12); + color: #795548; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #795548; + color: #ffffff; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(121, 85, 72, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #795548; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #486c79; +} +body .ui-scrolltop:hover { + background: rgba(72, 108, 121, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #795548; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #795548; + color: #ffffff; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(121, 85, 72, 0.92); + color: #ffffff; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(121, 85, 72, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #795548; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(121, 85, 72, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #795548; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #795548; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #795548; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #795548; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #795548; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #795548; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(121, 85, 72, 0.12); + color: #795548; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(121, 85, 72, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(121, 85, 72, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(121, 85, 72, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(121, 85, 72, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(121, 85, 72, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(121, 85, 72, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(72, 108, 121, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(72, 108, 121, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(72, 108, 121, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(72, 108, 121, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #795548, inset 0 0 0 1px #795548, inset 0 0 0 1px #795548, inset 0 0 0 1px #795548; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #795548, #795548), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #795548, #795548), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #795548; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #795548; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(121, 85, 72, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(121, 85, 72, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #795548, #795548), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #795548, #795548), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #795548, inset 0 0 0 1px #795548, inset 0 0 0 1px #795548, inset 0 0 0 1px #795548; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #795548; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #795548, inset 0 0 0 1px #795548, inset 0 0 0 1px #795548, inset 0 0 0 1px #795548; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #795548, #795548), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #795548, #795548), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #795548, #795548), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(121, 85, 72, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(121, 85, 72, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(121, 85, 72, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #795548, #795548), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #795548, #795548), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #795548, inset 0 0 0 1px #795548, inset 0 0 0 1px #795548, inset 0 0 0 1px #795548; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #795548, #795548), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #795548, #795548), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(72, 108, 121, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #795548; + color: #ffffff; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(121, 85, 72, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(121, 85, 72, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(121, 85, 72, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(121, 85, 72, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(121, 85, 72, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-brown/theme.scss b/src/main/resources/resources/primefaces-ultima-brown/theme.scss new file mode 100644 index 0000000..135e68c --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-brown/theme.scss @@ -0,0 +1,8 @@ +$primaryColor:#795548; +$primaryLightestColor: #EFEBE9; +$primaryDarkColor: $primaryColor; +$primaryTextColor:#ffffff; +$accentColor:#486c79; +$accentTextColor:#ffffff; + +@import '../layout/styles/theme/theme-light/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-cyan-dark/theme.css b/src/main/resources/resources/primefaces-ultima-cyan-dark/theme.css new file mode 100644 index 0000000..e839dcd --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-cyan-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#4DD0E1; + --primary-lightest-color:#E0F7FA; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f6fdfe; + --primary-100:#d4f4f8; + --primary-200:#b2ebf2; + --primary-300:#91e2ec; + --primary-400:#6fd9e7; + --primary-500:#4dd0e1; + --primary-600:#41b1bf; + --primary-700:#36929e; + --primary-800:#2a727c; + --primary-900:#1f535a; +} + +body .ui-button { + background: #4DD0E1; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(77, 208, 225, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(77, 208, 225, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #4DD0E1; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(77, 208, 225, 0.04); + color: #4DD0E1; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #4DD0E1; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(77, 208, 225, 0.04); + color: #4DD0E1; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #e15e4d; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(225, 94, 77, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(225, 94, 77, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #e15e4d; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(225, 94, 77, 0.04); + color: #e15e4d; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(225, 94, 77, 0.16); + color: #e15e4d; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #e15e4d; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(225, 94, 77, 0.04); + border-color: transparent; + color: #e15e4d; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(225, 94, 77, 0.16); + border-color: transparent; + color: #e15e4d; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #4DD0E1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(77, 208, 225, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(77, 208, 225, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #e15e4d; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(225, 94, 77, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #4DD0E1; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #4DD0E1; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #4DD0E1; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #4DD0E1; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(77, 208, 225, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #4DD0E1; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(121, 220, 232, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(77, 208, 225, 0.16); + border: 1px solid rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #4DD0E1; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(77, 208, 225, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(77, 208, 225, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(35, 187, 207, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(35, 187, 207, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(77, 208, 225, 0.16); + border-color: rgba(77, 208, 225, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #4DD0E1; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #4DD0E1; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #4DD0E1; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(77, 208, 225, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(77, 208, 225, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #4DD0E1; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #4DD0E1; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #4DD0E1; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #4DD0E1; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #4DD0E1; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #4DD0E1; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #4DD0E1; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #4DD0E1; + background: rgba(77, 208, 225, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #4DD0E1; + background: #4DD0E1; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #4DD0E1; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #4DD0E1; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #4DD0E1; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #4DD0E1; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #e15e4d; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(225, 94, 77, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(225, 94, 77, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #e15e4d; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(225, 94, 77, 0.04); + color: #e15e4d; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(225, 94, 77, 0.16); + color: #e15e4d; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #e15e4d; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(225, 94, 77, 0.04); + border-color: transparent; + color: #e15e4d; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(225, 94, 77, 0.16); + border-color: transparent; + color: #e15e4d; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #4DD0E1; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #4DD0E1; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #4DD0E1; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(77, 208, 225, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #4DD0E1; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(77, 208, 225, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #4DD0E1; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(77, 208, 225, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(77, 208, 225, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #4DD0E1; + background: #212121; + color: #4DD0E1; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #4DD0E1; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #4DD0E1; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #4DD0E1; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #4DD0E1; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #4DD0E1; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #4DD0E1; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #4DD0E1; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #4DD0E1; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #4DD0E1; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #4DD0E1; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #4DD0E1; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #4DD0E1; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #4DD0E1; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #4DD0E1; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(77, 208, 225, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #4DD0E1; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; + border-color: rgba(77, 208, 225, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(77, 208, 225, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #4DD0E1; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #4DD0E1; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #4DD0E1; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #4DD0E1; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #4DD0E1; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #4DD0E1; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #4DD0E1; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #e15e4d; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(77, 208, 225, 0.16); + color: #4DD0E1; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #4DD0E1; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(77, 208, 225, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #4DD0E1; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #e15e4d; +} +body .ui-scrolltop:hover { + background: rgba(225, 94, 77, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #4DD0E1; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #4DD0E1; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(77, 208, 225, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(77, 208, 225, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #4DD0E1; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(77, 208, 225, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #4DD0E1; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #4DD0E1; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4DD0E1; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4DD0E1; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4DD0E1; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4DD0E1; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(77, 208, 225, 0.16); + color: #4DD0E1; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(77, 208, 225, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(77, 208, 225, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(77, 208, 225, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(77, 208, 225, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(77, 208, 225, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(77, 208, 225, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(225, 94, 77, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(225, 94, 77, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(225, 94, 77, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(225, 94, 77, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #4DD0E1, inset 0 0 0 1px #4DD0E1, inset 0 0 0 1px #4DD0E1, inset 0 0 0 1px #4DD0E1; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4DD0E1, #4DD0E1), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #4DD0E1, #4DD0E1), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #4DD0E1; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #4DD0E1; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(77, 208, 225, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(77, 208, 225, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4DD0E1, #4DD0E1), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #4DD0E1, #4DD0E1), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #4DD0E1, inset 0 0 0 1px #4DD0E1, inset 0 0 0 1px #4DD0E1, inset 0 0 0 1px #4DD0E1; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #4DD0E1; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #4DD0E1, inset 0 0 0 1px #4DD0E1, inset 0 0 0 1px #4DD0E1, inset 0 0 0 1px #4DD0E1; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4DD0E1, #4DD0E1), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #4DD0E1, #4DD0E1), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4DD0E1, #4DD0E1), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(77, 208, 225, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(77, 208, 225, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(77, 208, 225, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4DD0E1, #4DD0E1), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #4DD0E1, #4DD0E1), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #4DD0E1, inset 0 0 0 1px #4DD0E1, inset 0 0 0 1px #4DD0E1, inset 0 0 0 1px #4DD0E1; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4DD0E1, #4DD0E1), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #4DD0E1, #4DD0E1), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(225, 94, 77, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #4DD0E1; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(77, 208, 225, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(77, 208, 225, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(77, 208, 225, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(77, 208, 225, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(77, 208, 225, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-cyan-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-cyan-dark/theme.scss new file mode 100644 index 0000000..439aeed --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-cyan-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#4DD0E1; +$primaryLightestColor: #E0F7FA; +$primaryTextColor:#212121; +$accentColor:#e15e4d; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-cyan/theme.css b/src/main/resources/resources/primefaces-ultima-cyan/theme.css new file mode 100644 index 0000000..e47d9d4 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-cyan/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#00BCD4; + --primary-dark-color:#00838F; + --primary-lightest-color:#E0F7FA; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f2fcfd; + --primary-100:#c2eff5; + --primary-200:#91e2ed; + --primary-300:#61d5e4; + --primary-400:#30c9dc; + --primary-500:#00bcd4; + --primary-600:#00a0b4; + --primary-700:#008494; + --primary-800:#006775; + --primary-900:#004b55; +} + +body .ui-button { + background: #00BCD4; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(0, 188, 212, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(0, 188, 212, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #00BCD4; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(0, 188, 212, 0.04); + color: #00BCD4; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(0, 188, 212, 0.16); + color: #00BCD4; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #00BCD4; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(0, 188, 212, 0.04); + color: #00BCD4; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(0, 188, 212, 0.16); + color: #00BCD4; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #d41900; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(212, 25, 0, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(212, 25, 0, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #d41900; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(212, 25, 0, 0.04); + color: #d41900; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(212, 25, 0, 0.16); + color: #d41900; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #d41900; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(212, 25, 0, 0.04); + border-color: transparent; + color: #d41900; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(212, 25, 0, 0.16); + border-color: transparent; + color: #d41900; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #00BCD4; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(0, 188, 212, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(0, 188, 212, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #d41900; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(212, 25, 0, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #00BCD4; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #00BCD4; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #00838F; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #00838F; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(0, 188, 212, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #00BCD4; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(8, 227, 255, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(0, 188, 212, 0.12); + border: 1px solid rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #00BCD4; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(0, 188, 212, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(0, 188, 212, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(0, 150, 170, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(0, 150, 170, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(0, 188, 212, 0.12); + border-color: rgba(0, 188, 212, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #00838F; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #00838F; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #00838F; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(0, 188, 212, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(0, 188, 212, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #00BCD4; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(0, 188, 212, 0.12); + color: #00838F; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #00838F; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #00838F; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #00838F; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #00838F; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #00BCD4; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(0, 188, 212, 0.12); + color: #00838F; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #00BCD4; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #00838F; + background: rgba(0, 188, 212, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #00BCD4; + background: #00BCD4; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #00BCD4; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #00BCD4; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #00BCD4; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(0, 188, 212, 0.12); + color: #00838F; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(0, 188, 212, 0.12); + color: #00838F; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(0, 188, 212, 0.12); + color: #00838F; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #00BCD4; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #d41900; + color: #ffffff; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(212, 25, 0, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(212, 25, 0, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #d41900; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(212, 25, 0, 0.04); + color: #d41900; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(212, 25, 0, 0.16); + color: #d41900; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #d41900; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(212, 25, 0, 0.04); + border-color: transparent; + color: #d41900; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(212, 25, 0, 0.16); + border-color: transparent; + color: #d41900; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(0, 188, 212, 0.12); + color: #00838F; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #00BCD4; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #00BCD4; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #00BCD4; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(0, 188, 212, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #00BCD4; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(0, 188, 212, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #00BCD4; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(0, 188, 212, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(0, 188, 212, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #00BCD4; + background: #212121; + color: #00BCD4; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #00BCD4; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #00BCD4; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #00BCD4; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #00BCD4; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #00838F; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #00BCD4; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(0, 188, 212, 0.12); + color: #00838F; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #00BCD4; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(0, 188, 212, 0.12); + color: #00838F; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #00BCD4; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #00BCD4; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #00BCD4; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #00BCD4; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #00BCD4; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #00BCD4; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #00BCD4; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(0, 188, 212, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #00BCD4; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(0, 188, 212, 0.12); + color: #00838F; + border-color: rgba(0, 188, 212, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(0, 188, 212, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #00BCD4; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #00BCD4; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #00BCD4; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #00BCD4; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #00BCD4; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #00BCD4; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #00BCD4; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #d41900; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(0, 188, 212, 0.12); + color: #00838F; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #00BCD4; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(0, 188, 212, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #00BCD4; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #d41900; +} +body .ui-scrolltop:hover { + background: rgba(212, 25, 0, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #00BCD4; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #00BCD4; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(0, 188, 212, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(0, 188, 212, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #00BCD4; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(0, 188, 212, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #00BCD4; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #00BCD4; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #00BCD4; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #00BCD4; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #00BCD4; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #00BCD4; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(0, 188, 212, 0.12); + color: #00838F; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(0, 188, 212, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(0, 188, 212, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(0, 188, 212, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(0, 188, 212, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(0, 188, 212, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(0, 188, 212, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(212, 25, 0, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(212, 25, 0, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(212, 25, 0, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(212, 25, 0, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #00BCD4, inset 0 0 0 1px #00BCD4, inset 0 0 0 1px #00BCD4, inset 0 0 0 1px #00BCD4; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #00BCD4, #00BCD4), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #00BCD4, #00BCD4), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #00BCD4; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #00BCD4; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 188, 212, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 188, 212, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #00BCD4, #00BCD4), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #00BCD4, #00BCD4), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #00BCD4, inset 0 0 0 1px #00BCD4, inset 0 0 0 1px #00BCD4, inset 0 0 0 1px #00BCD4; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #00BCD4; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #00BCD4, inset 0 0 0 1px #00BCD4, inset 0 0 0 1px #00BCD4, inset 0 0 0 1px #00BCD4; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #00BCD4, #00BCD4), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #00BCD4, #00BCD4), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #00BCD4, #00BCD4), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(0, 188, 212, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 188, 212, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(0, 188, 212, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #00BCD4, #00BCD4), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #00BCD4, #00BCD4), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #00BCD4, inset 0 0 0 1px #00BCD4, inset 0 0 0 1px #00BCD4, inset 0 0 0 1px #00BCD4; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #00BCD4, #00BCD4), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #00BCD4, #00BCD4), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(212, 25, 0, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #00BCD4; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(0, 188, 212, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(0, 188, 212, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(0, 188, 212, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 188, 212, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 188, 212, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-cyan/theme.scss b/src/main/resources/resources/primefaces-ultima-cyan/theme.scss new file mode 100644 index 0000000..cce3566 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-cyan/theme.scss @@ -0,0 +1,11 @@ +$primaryColor:#00BCD4; +$primaryLightestColor: #E0F7FA; +$primaryDarkColor: #00838F; +$primaryTextColor:#212121; +$accentColor:#d41900; +$accentTextColor:#ffffff; + +$highlightBg: rgba($primaryColor, .12); +$highlightTextColor: $primaryDarkColor; + +@import '../layout/styles/theme/theme-light/_theme'; \ No newline at end of file diff --git a/src/main/resources/resources/primefaces-ultima-deeporange-dark/theme.css b/src/main/resources/resources/primefaces-ultima-deeporange-dark/theme.css new file mode 100644 index 0000000..ab088d5 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-deeporange-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#FF8A65; + --primary-lightest-color:#FBE9E7; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fff9f7; + --primary-100:#ffe3da; + --primary-200:#ffcdbd; + --primary-300:#ffb6a0; + --primary-400:#ffa082; + --primary-500:#ff8a65; + --primary-600:#d97556; + --primary-700:#b36147; + --primary-800:#8c4c38; + --primary-900:#663728; +} + +body .ui-button { + background: #FF8A65; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(255, 138, 101, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(255, 138, 101, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FF8A65; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 138, 101, 0.04); + color: #FF8A65; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FF8A65; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 138, 101, 0.04); + color: #FF8A65; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #65dbff; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(101, 219, 255, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(101, 219, 255, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #65dbff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(101, 219, 255, 0.04); + color: #65dbff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(101, 219, 255, 0.16); + color: #65dbff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #65dbff; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(101, 219, 255, 0.04); + border-color: transparent; + color: #65dbff; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(101, 219, 255, 0.16); + border-color: transparent; + color: #65dbff; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #FF8A65; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(255, 138, 101, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(255, 138, 101, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #65dbff; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(101, 219, 255, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FF8A65; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #FF8A65; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FF8A65; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FF8A65; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(255, 138, 101, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #FF8A65; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(255, 177, 152, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(255, 138, 101, 0.16); + border: 1px solid rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #FF8A65; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(255, 138, 101, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(255, 138, 101, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(255, 84, 30, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(255, 84, 30, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(255, 138, 101, 0.16); + border-color: rgba(255, 138, 101, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FF8A65; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FF8A65; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FF8A65; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(255, 138, 101, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(255, 138, 101, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #FF8A65; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FF8A65; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FF8A65; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FF8A65; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FF8A65; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FF8A65; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FF8A65; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FF8A65; + background: rgba(255, 138, 101, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FF8A65; + background: #FF8A65; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FF8A65; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FF8A65; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FF8A65; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FF8A65; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #65dbff; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(101, 219, 255, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(101, 219, 255, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #65dbff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(101, 219, 255, 0.04); + color: #65dbff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(101, 219, 255, 0.16); + color: #65dbff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #65dbff; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(101, 219, 255, 0.04); + border-color: transparent; + color: #65dbff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(101, 219, 255, 0.16); + border-color: transparent; + color: #65dbff; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FF8A65; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #FF8A65; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FF8A65; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(255, 138, 101, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FF8A65; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(255, 138, 101, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FF8A65; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(255, 138, 101, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(255, 138, 101, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FF8A65; + background: #212121; + color: #FF8A65; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FF8A65; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FF8A65; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FF8A65; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FF8A65; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FF8A65; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FF8A65; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FF8A65; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #FF8A65; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #FF8A65; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #FF8A65; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FF8A65; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FF8A65; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FF8A65; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FF8A65; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(255, 138, 101, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #FF8A65; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; + border-color: rgba(255, 138, 101, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(255, 138, 101, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #FF8A65; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FF8A65; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FF8A65; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF8A65; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF8A65; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF8A65; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #FF8A65; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #65dbff; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(255, 138, 101, 0.16); + color: #FF8A65; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FF8A65; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(255, 138, 101, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FF8A65; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #65dbff; +} +body .ui-scrolltop:hover { + background: rgba(101, 219, 255, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FF8A65; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FF8A65; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(255, 138, 101, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(255, 138, 101, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #FF8A65; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(255, 138, 101, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FF8A65; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FF8A65; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF8A65; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF8A65; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF8A65; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF8A65; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(255, 138, 101, 0.16); + color: #FF8A65; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(255, 138, 101, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(255, 138, 101, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(255, 138, 101, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(255, 138, 101, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(255, 138, 101, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(255, 138, 101, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(101, 219, 255, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(101, 219, 255, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(101, 219, 255, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(101, 219, 255, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FF8A65, inset 0 0 0 1px #FF8A65, inset 0 0 0 1px #FF8A65, inset 0 0 0 1px #FF8A65; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FF8A65, #FF8A65), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FF8A65, #FF8A65), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #FF8A65; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #FF8A65; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 138, 101, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 138, 101, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FF8A65, #FF8A65), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FF8A65, #FF8A65), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #FF8A65, inset 0 0 0 1px #FF8A65, inset 0 0 0 1px #FF8A65, inset 0 0 0 1px #FF8A65; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #FF8A65; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FF8A65, inset 0 0 0 1px #FF8A65, inset 0 0 0 1px #FF8A65, inset 0 0 0 1px #FF8A65; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FF8A65, #FF8A65), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FF8A65, #FF8A65), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FF8A65, #FF8A65), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(255, 138, 101, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 138, 101, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(255, 138, 101, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FF8A65, #FF8A65), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FF8A65, #FF8A65), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #FF8A65, inset 0 0 0 1px #FF8A65, inset 0 0 0 1px #FF8A65, inset 0 0 0 1px #FF8A65; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FF8A65, #FF8A65), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FF8A65, #FF8A65), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(101, 219, 255, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #FF8A65; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(255, 138, 101, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(255, 138, 101, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(255, 138, 101, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 138, 101, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 138, 101, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-deeporange-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-deeporange-dark/theme.scss new file mode 100644 index 0000000..0e44483 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-deeporange-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#FF8A65; +$primaryLightestColor: #FBE9E7; +$primaryTextColor:#212121; +$accentColor:#65dbff; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-deeporange/theme.css b/src/main/resources/resources/primefaces-ultima-deeporange/theme.css new file mode 100644 index 0000000..af1bfa8 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-deeporange/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#FF5722; + --primary-dark-color:#BF360C; + --primary-lightest-color:#FBE9E7; + --primary-color-text:#ffffff; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fff7f4; + --primary-100:#ffd7ca; + --primary-200:#ffb7a0; + --primary-300:#ff9776; + --primary-400:#ff774c; + --primary-500:#ff5722; + --primary-600:#d94a1d; + --primary-700:#b33d18; + --primary-800:#8c3013; + --primary-900:#66230e; +} + +body .ui-button { + background: #FF5722; + color: #ffffff; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(255, 87, 34, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(255, 87, 34, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FF5722; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 87, 34, 0.04); + color: #FF5722; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 87, 34, 0.16); + color: #FF5722; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FF5722; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 87, 34, 0.04); + color: #FF5722; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 87, 34, 0.16); + color: #FF5722; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #22cbff; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(34, 203, 255, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(34, 203, 255, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #22cbff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(34, 203, 255, 0.04); + color: #22cbff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(34, 203, 255, 0.16); + color: #22cbff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #22cbff; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(34, 203, 255, 0.04); + border-color: transparent; + color: #22cbff; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(34, 203, 255, 0.16); + border-color: transparent; + color: #22cbff; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #FF5722; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(255, 87, 34, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(255, 87, 34, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #22cbff; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(34, 203, 255, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FF5722; + color: #ffffff; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #FF5722; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FF5722; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FF5722; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(255, 87, 34, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #FF5722; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(255, 126, 85, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(255, 87, 34, 0.12); + border: 1px solid rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #FF5722; + color: #ffffff; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(255, 87, 34, 0.92); + border-color: transparent; + color: #ffffff; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(255, 87, 34, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(231, 55, 0, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(231, 55, 0, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(255, 87, 34, 0.12); + border-color: rgba(255, 87, 34, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FF5722; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FF5722; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FF5722; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(255, 87, 34, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(255, 87, 34, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #FF5722; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FF5722; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FF5722; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FF5722; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FF5722; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FF5722; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 87, 34, 0.12); + color: #FF5722; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FF5722; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FF5722; + background: rgba(255, 87, 34, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FF5722; + background: #FF5722; + color: #ffffff; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FF5722; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FF5722; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FF5722; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(255, 87, 34, 0.12); + color: #FF5722; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FF5722; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #22cbff; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(34, 203, 255, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(34, 203, 255, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #22cbff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(34, 203, 255, 0.04); + color: #22cbff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(34, 203, 255, 0.16); + color: #22cbff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #22cbff; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(34, 203, 255, 0.04); + border-color: transparent; + color: #22cbff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(34, 203, 255, 0.16); + border-color: transparent; + color: #22cbff; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FF5722; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #FF5722; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FF5722; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(255, 87, 34, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FF5722; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(255, 87, 34, 0.68); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FF5722; + color: #ffffff; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(255, 87, 34, 0.92); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(255, 87, 34, 0.68); + border-color: transparent; + color: #ffffff; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FF5722; + background: #ffffff; + color: #FF5722; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FF5722; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FF5722; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FF5722; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FF5722; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FF5722; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FF5722; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 87, 34, 0.12); + color: #FF5722; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FF5722; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #FF5722; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #FF5722; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #FF5722; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FF5722; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FF5722; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FF5722; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FF5722; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #ffffff; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(255, 87, 34, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #FF5722; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; + border-color: rgba(255, 87, 34, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(255, 87, 34, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #FF5722; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FF5722; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FF5722; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF5722; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF5722; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF5722; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #FF5722; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #22cbff; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(255, 87, 34, 0.12); + color: #FF5722; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FF5722; + color: #ffffff; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(255, 87, 34, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FF5722; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #22cbff; +} +body .ui-scrolltop:hover { + background: rgba(34, 203, 255, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FF5722; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FF5722; + color: #ffffff; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(255, 87, 34, 0.92); + color: #ffffff; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(255, 87, 34, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #FF5722; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(255, 87, 34, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FF5722; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FF5722; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF5722; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF5722; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF5722; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF5722; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(255, 87, 34, 0.12); + color: #FF5722; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(255, 87, 34, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(255, 87, 34, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(255, 87, 34, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(255, 87, 34, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(255, 87, 34, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(255, 87, 34, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(34, 203, 255, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(34, 203, 255, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(34, 203, 255, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(34, 203, 255, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FF5722, inset 0 0 0 1px #FF5722, inset 0 0 0 1px #FF5722, inset 0 0 0 1px #FF5722; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FF5722, #FF5722), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FF5722, #FF5722), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #FF5722; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #FF5722; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 87, 34, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 87, 34, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FF5722, #FF5722), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FF5722, #FF5722), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #FF5722, inset 0 0 0 1px #FF5722, inset 0 0 0 1px #FF5722, inset 0 0 0 1px #FF5722; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #FF5722; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FF5722, inset 0 0 0 1px #FF5722, inset 0 0 0 1px #FF5722, inset 0 0 0 1px #FF5722; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FF5722, #FF5722), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FF5722, #FF5722), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FF5722, #FF5722), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(255, 87, 34, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 87, 34, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(255, 87, 34, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FF5722, #FF5722), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FF5722, #FF5722), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #FF5722, inset 0 0 0 1px #FF5722, inset 0 0 0 1px #FF5722, inset 0 0 0 1px #FF5722; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FF5722, #FF5722), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FF5722, #FF5722), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(34, 203, 255, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #FF5722; + color: #ffffff; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(255, 87, 34, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(255, 87, 34, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(255, 87, 34, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 87, 34, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 87, 34, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-deeporange/theme.scss b/src/main/resources/resources/primefaces-ultima-deeporange/theme.scss new file mode 100644 index 0000000..38e1f38 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-deeporange/theme.scss @@ -0,0 +1,8 @@ +$primaryColor:#FF5722; +$primaryLightestColor: #FBE9E7; +$primaryDarkColor: #BF360C; +$primaryTextColor:#ffffff; +$accentColor:#22cbff; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-light/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-deeppurple-dark/theme.css b/src/main/resources/resources/primefaces-ultima-deeppurple-dark/theme.css new file mode 100644 index 0000000..6d917ef --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-deeppurple-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#9575CD; + --primary-lightest-color:#EDE7F6; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#faf8fd; + --primary-100:#e6def3; + --primary-200:#d1c4ea; + --primary-300:#bda9e0; + --primary-400:#a98fd7; + --primary-500:#9575cd; + --primary-600:#7f63ae; + --primary-700:#685290; + --primary-800:#524071; + --primary-900:#3c2f52; +} + +body .ui-button { + background: #9575CD; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(149, 117, 205, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(149, 117, 205, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #9575CD; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(149, 117, 205, 0.04); + color: #9575CD; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #9575CD; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(149, 117, 205, 0.04); + color: #9575CD; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #adcd75; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(173, 205, 117, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(173, 205, 117, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #adcd75; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(173, 205, 117, 0.04); + color: #adcd75; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(173, 205, 117, 0.16); + color: #adcd75; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #adcd75; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(173, 205, 117, 0.04); + border-color: transparent; + color: #adcd75; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(173, 205, 117, 0.16); + border-color: transparent; + color: #adcd75; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #9575CD; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(149, 117, 205, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(149, 117, 205, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #adcd75; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(173, 205, 117, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #9575CD; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #9575CD; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #9575CD; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #9575CD; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(149, 117, 205, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #9575CD; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(178, 154, 219, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(149, 117, 205, 0.16); + border: 1px solid rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #9575CD; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(149, 117, 205, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(149, 117, 205, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(113, 70, 188, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(113, 70, 188, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(149, 117, 205, 0.16); + border-color: rgba(149, 117, 205, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #9575CD; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #9575CD; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #9575CD; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(149, 117, 205, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(149, 117, 205, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #9575CD; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #9575CD; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #9575CD; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #9575CD; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #9575CD; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #9575CD; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(149, 117, 205, 0.16); + color: #9575CD; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #9575CD; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #9575CD; + background: rgba(149, 117, 205, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #9575CD; + background: #9575CD; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #9575CD; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #9575CD; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #9575CD; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(149, 117, 205, 0.16); + color: #9575CD; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #9575CD; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #adcd75; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(173, 205, 117, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(173, 205, 117, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #adcd75; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(173, 205, 117, 0.04); + color: #adcd75; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(173, 205, 117, 0.16); + color: #adcd75; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #adcd75; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(173, 205, 117, 0.04); + border-color: transparent; + color: #adcd75; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(173, 205, 117, 0.16); + border-color: transparent; + color: #adcd75; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #9575CD; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #9575CD; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #9575CD; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(149, 117, 205, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #9575CD; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(149, 117, 205, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #9575CD; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(149, 117, 205, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(149, 117, 205, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #9575CD; + background: #212121; + color: #9575CD; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #9575CD; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #9575CD; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #9575CD; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #9575CD; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #9575CD; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #9575CD; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(149, 117, 205, 0.16); + color: #9575CD; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #9575CD; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #9575CD; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #9575CD; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #9575CD; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #9575CD; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #9575CD; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #9575CD; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #9575CD; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(149, 117, 205, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #9575CD; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; + border-color: rgba(149, 117, 205, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(149, 117, 205, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #9575CD; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #9575CD; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #9575CD; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #9575CD; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #9575CD; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #9575CD; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #9575CD; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #adcd75; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(149, 117, 205, 0.16); + color: #9575CD; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #9575CD; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(149, 117, 205, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #9575CD; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #adcd75; +} +body .ui-scrolltop:hover { + background: rgba(173, 205, 117, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #9575CD; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #9575CD; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(149, 117, 205, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(149, 117, 205, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #9575CD; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(149, 117, 205, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #9575CD; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #9575CD; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #9575CD; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #9575CD; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #9575CD; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #9575CD; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(149, 117, 205, 0.16); + color: #9575CD; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(149, 117, 205, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(149, 117, 205, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(149, 117, 205, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(149, 117, 205, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(149, 117, 205, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(149, 117, 205, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(173, 205, 117, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(173, 205, 117, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(173, 205, 117, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(173, 205, 117, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #9575CD, inset 0 0 0 1px #9575CD, inset 0 0 0 1px #9575CD, inset 0 0 0 1px #9575CD; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9575CD, #9575CD), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9575CD, #9575CD), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #9575CD; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #9575CD; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(149, 117, 205, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(149, 117, 205, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9575CD, #9575CD), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9575CD, #9575CD), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #9575CD, inset 0 0 0 1px #9575CD, inset 0 0 0 1px #9575CD, inset 0 0 0 1px #9575CD; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #9575CD; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #9575CD, inset 0 0 0 1px #9575CD, inset 0 0 0 1px #9575CD, inset 0 0 0 1px #9575CD; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9575CD, #9575CD), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9575CD, #9575CD), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9575CD, #9575CD), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(149, 117, 205, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(149, 117, 205, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(149, 117, 205, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9575CD, #9575CD), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9575CD, #9575CD), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #9575CD, inset 0 0 0 1px #9575CD, inset 0 0 0 1px #9575CD, inset 0 0 0 1px #9575CD; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9575CD, #9575CD), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9575CD, #9575CD), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(173, 205, 117, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #9575CD; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(149, 117, 205, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(149, 117, 205, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(149, 117, 205, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(149, 117, 205, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(149, 117, 205, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-deeppurple-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-deeppurple-dark/theme.scss new file mode 100644 index 0000000..02a792f --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-deeppurple-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#9575CD; +$primaryLightestColor: #EDE7F6; +$primaryTextColor:#212121; +$accentColor:#adcd75; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-deeppurple/theme.css b/src/main/resources/resources/primefaces-ultima-deeppurple/theme.css new file mode 100644 index 0000000..1dbc1d3 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-deeppurple/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#673AB7; + --primary-dark-color:#673AB7; + --primary-lightest-color:#EDE7F6; + --primary-color-text:#ffffff; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f7f5fb; + --primary-100:#dbd0ee; + --primary-200:#beaae0; + --primary-300:#a185d2; + --primary-400:#845fc5; + --primary-500:#673ab7; + --primary-600:#58319c; + --primary-700:#482980; + --primary-800:#392065; + --primary-900:#291749; +} + +body .ui-button { + background: #673AB7; + color: #ffffff; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(103, 58, 183, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(103, 58, 183, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #673AB7; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(103, 58, 183, 0.04); + color: #673AB7; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(103, 58, 183, 0.16); + color: #673AB7; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #673AB7; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(103, 58, 183, 0.04); + color: #673AB7; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(103, 58, 183, 0.16); + color: #673AB7; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #89b73a; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(137, 183, 58, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(137, 183, 58, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #89b73a; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(137, 183, 58, 0.04); + color: #89b73a; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(137, 183, 58, 0.16); + color: #89b73a; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #89b73a; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(137, 183, 58, 0.04); + border-color: transparent; + color: #89b73a; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(137, 183, 58, 0.16); + border-color: transparent; + color: #89b73a; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #673AB7; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(103, 58, 183, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(103, 58, 183, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #89b73a; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(137, 183, 58, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #673AB7; + color: #ffffff; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #673AB7; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #673AB7; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #673AB7; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(103, 58, 183, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #673AB7; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(130, 89, 203, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(103, 58, 183, 0.12); + border: 1px solid rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #673AB7; + color: #ffffff; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(103, 58, 183, 0.92); + border-color: transparent; + color: #ffffff; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(103, 58, 183, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(82, 46, 146, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(82, 46, 146, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(103, 58, 183, 0.12); + border-color: rgba(103, 58, 183, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #673AB7; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #673AB7; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #673AB7; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(103, 58, 183, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(103, 58, 183, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #673AB7; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #673AB7; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #673AB7; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #673AB7; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #673AB7; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #673AB7; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #673AB7; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #673AB7; + background: rgba(103, 58, 183, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #673AB7; + background: #673AB7; + color: #ffffff; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #673AB7; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #673AB7; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #673AB7; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #673AB7; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #89b73a; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(137, 183, 58, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(137, 183, 58, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #89b73a; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(137, 183, 58, 0.04); + color: #89b73a; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(137, 183, 58, 0.16); + color: #89b73a; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #89b73a; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(137, 183, 58, 0.04); + border-color: transparent; + color: #89b73a; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(137, 183, 58, 0.16); + border-color: transparent; + color: #89b73a; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #673AB7; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #673AB7; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #673AB7; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(103, 58, 183, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #673AB7; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(103, 58, 183, 0.68); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #673AB7; + color: #ffffff; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(103, 58, 183, 0.92); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(103, 58, 183, 0.68); + border-color: transparent; + color: #ffffff; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #673AB7; + background: #ffffff; + color: #673AB7; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #673AB7; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #673AB7; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #673AB7; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #673AB7; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #673AB7; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #673AB7; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #673AB7; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #673AB7; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #673AB7; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #673AB7; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #673AB7; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #673AB7; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #673AB7; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #673AB7; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #ffffff; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(103, 58, 183, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #673AB7; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; + border-color: rgba(103, 58, 183, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(103, 58, 183, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #673AB7; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #673AB7; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #673AB7; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #673AB7; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #673AB7; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #673AB7; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #89b73a; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(103, 58, 183, 0.12); + color: #673AB7; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #673AB7; + color: #ffffff; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(103, 58, 183, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #673AB7; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #89b73a; +} +body .ui-scrolltop:hover { + background: rgba(137, 183, 58, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #673AB7; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #673AB7; + color: #ffffff; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(103, 58, 183, 0.92); + color: #ffffff; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(103, 58, 183, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #673AB7; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(103, 58, 183, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #673AB7; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #673AB7; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #673AB7; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #673AB7; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #673AB7; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #673AB7; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(103, 58, 183, 0.12); + color: #673AB7; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(103, 58, 183, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(103, 58, 183, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(103, 58, 183, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(103, 58, 183, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(103, 58, 183, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(103, 58, 183, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(137, 183, 58, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(137, 183, 58, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(137, 183, 58, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(137, 183, 58, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #673AB7; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #673AB7; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #673AB7; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(103, 58, 183, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7, inset 0 0 0 1px #673AB7; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #673AB7, #673AB7), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(137, 183, 58, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #673AB7; + color: #ffffff; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(103, 58, 183, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(103, 58, 183, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(103, 58, 183, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(103, 58, 183, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-deeppurple/theme.scss b/src/main/resources/resources/primefaces-ultima-deeppurple/theme.scss new file mode 100644 index 0000000..5093356 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-deeppurple/theme.scss @@ -0,0 +1,8 @@ +$primaryColor:#673AB7; +$primaryLightestColor: #EDE7F6; +$primaryDarkColor: $primaryColor; +$primaryTextColor:#ffffff; +$accentColor:#89b73a; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-light/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-green-dark/theme.css b/src/main/resources/resources/primefaces-ultima-green-dark/theme.css new file mode 100644 index 0000000..bfe0334 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-green-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#81C784; + --primary-lightest-color:#E8F5E9; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f9fcf9; + --primary-100:#e1f2e1; + --primary-200:#c9e7ca; + --primary-300:#b1dcb3; + --primary-400:#99d29b; + --primary-500:#81c784; + --primary-600:#6ea970; + --primary-700:#5a8b5c; + --primary-800:#476d49; + --primary-900:#345035; +} + +body .ui-button { + background: #81C784; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(129, 199, 132, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(129, 199, 132, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #81C784; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(129, 199, 132, 0.04); + color: #81C784; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #81C784; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(129, 199, 132, 0.04); + color: #81C784; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #c781c4; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(199, 129, 196, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(199, 129, 196, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #c781c4; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(199, 129, 196, 0.04); + color: #c781c4; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(199, 129, 196, 0.16); + color: #c781c4; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #c781c4; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(199, 129, 196, 0.04); + border-color: transparent; + color: #c781c4; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(199, 129, 196, 0.16); + border-color: transparent; + color: #c781c4; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #81C784; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(129, 199, 132, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(129, 199, 132, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #c781c4; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(199, 129, 196, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #81C784; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #81C784; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #81C784; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #81C784; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(129, 199, 132, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #81C784; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(164, 215, 166, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(129, 199, 132, 0.16); + border: 1px solid rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #81C784; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(129, 199, 132, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(129, 199, 132, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(84, 179, 88, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(84, 179, 88, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(129, 199, 132, 0.16); + border-color: rgba(129, 199, 132, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #81C784; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #81C784; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #81C784; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(129, 199, 132, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(129, 199, 132, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #81C784; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #81C784; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #81C784; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #81C784; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #81C784; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #81C784; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(129, 199, 132, 0.16); + color: #81C784; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #81C784; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #81C784; + background: rgba(129, 199, 132, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #81C784; + background: #81C784; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #81C784; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #81C784; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #81C784; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #81C784; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #c781c4; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(199, 129, 196, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(199, 129, 196, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #c781c4; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(199, 129, 196, 0.04); + color: #c781c4; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(199, 129, 196, 0.16); + color: #c781c4; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #c781c4; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(199, 129, 196, 0.04); + border-color: transparent; + color: #c781c4; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(199, 129, 196, 0.16); + border-color: transparent; + color: #c781c4; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #81C784; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #81C784; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #81C784; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(129, 199, 132, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #81C784; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(129, 199, 132, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #81C784; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(129, 199, 132, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(129, 199, 132, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #81C784; + background: #212121; + color: #81C784; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #81C784; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #81C784; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #81C784; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #81C784; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #81C784; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #81C784; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #81C784; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #81C784; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #81C784; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #81C784; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #81C784; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #81C784; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #81C784; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #81C784; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(129, 199, 132, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #81C784; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(129, 199, 132, 0.16); + color: #81C784; + border-color: rgba(129, 199, 132, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(129, 199, 132, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #81C784; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #81C784; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #81C784; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #81C784; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #81C784; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #81C784; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #81C784; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #c781c4; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(129, 199, 132, 0.16); + color: #81C784; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #81C784; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(129, 199, 132, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #81C784; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #c781c4; +} +body .ui-scrolltop:hover { + background: rgba(199, 129, 196, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #81C784; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #81C784; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(129, 199, 132, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(129, 199, 132, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #81C784; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(129, 199, 132, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #81C784; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #81C784; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #81C784; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #81C784; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #81C784; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #81C784; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(129, 199, 132, 0.16); + color: #81C784; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(129, 199, 132, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(129, 199, 132, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(129, 199, 132, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(129, 199, 132, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(129, 199, 132, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(129, 199, 132, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(199, 129, 196, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(199, 129, 196, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(199, 129, 196, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(199, 129, 196, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #81C784, inset 0 0 0 1px #81C784, inset 0 0 0 1px #81C784, inset 0 0 0 1px #81C784; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #81C784, #81C784), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #81C784, #81C784), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #81C784; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #81C784; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(129, 199, 132, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(129, 199, 132, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #81C784, #81C784), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #81C784, #81C784), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #81C784, inset 0 0 0 1px #81C784, inset 0 0 0 1px #81C784, inset 0 0 0 1px #81C784; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #81C784; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #81C784, inset 0 0 0 1px #81C784, inset 0 0 0 1px #81C784, inset 0 0 0 1px #81C784; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #81C784, #81C784), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #81C784, #81C784), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #81C784, #81C784), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(129, 199, 132, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(129, 199, 132, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(129, 199, 132, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #81C784, #81C784), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #81C784, #81C784), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #81C784, inset 0 0 0 1px #81C784, inset 0 0 0 1px #81C784, inset 0 0 0 1px #81C784; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #81C784, #81C784), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #81C784, #81C784), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(199, 129, 196, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #81C784; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(129, 199, 132, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(129, 199, 132, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(129, 199, 132, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(129, 199, 132, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(129, 199, 132, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-green-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-green-dark/theme.scss new file mode 100644 index 0000000..3ecfea7 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-green-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#81C784; +$primaryLightestColor: #E8F5E9; +$primaryTextColor:#212121; +$accentColor:#c781c4; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-green/theme.css b/src/main/resources/resources/primefaces-ultima-green/theme.css new file mode 100644 index 0000000..efe4ea0 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-green/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#4CAF50; + --primary-dark-color:#2E7D32; + --primary-lightest-color:#E8F5E9; + --primary-color-text:#ffffff; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f6fbf6; + --primary-100:#d4ecd5; + --primary-200:#b2ddb4; + --primary-300:#90cd93; + --primary-400:#6ebe71; + --primary-500:#4caf50; + --primary-600:#419544; + --primary-700:#357b38; + --primary-800:#2a602c; + --primary-900:#1e4620; +} + +body .ui-button { + background: #4CAF50; + color: #ffffff; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(76, 175, 80, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(76, 175, 80, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #4CAF50; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(76, 175, 80, 0.04); + color: #4CAF50; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(76, 175, 80, 0.16); + color: #4CAF50; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #4CAF50; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(76, 175, 80, 0.04); + color: #4CAF50; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(76, 175, 80, 0.16); + color: #4CAF50; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #af4cac; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(175, 76, 172, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(175, 76, 172, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #af4cac; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(175, 76, 172, 0.04); + color: #af4cac; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(175, 76, 172, 0.16); + color: #af4cac; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #af4cac; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(175, 76, 172, 0.04); + border-color: transparent; + color: #af4cac; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(175, 76, 172, 0.16); + border-color: transparent; + color: #af4cac; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #4CAF50; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(76, 175, 80, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(76, 175, 80, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #af4cac; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(175, 76, 172, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #4CAF50; + color: #ffffff; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #4CAF50; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #2E7D32; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #2E7D32; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(76, 175, 80, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #4CAF50; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(110, 192, 113, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(76, 175, 80, 0.12); + border: 1px solid rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #4CAF50; + color: #ffffff; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(76, 175, 80, 0.92); + border-color: transparent; + color: #ffffff; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(76, 175, 80, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(61, 140, 64, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(61, 140, 64, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(76, 175, 80, 0.12); + border-color: rgba(76, 175, 80, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #2E7D32; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #2E7D32; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #2E7D32; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(76, 175, 80, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(76, 175, 80, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #4CAF50; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #2E7D32; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #2E7D32; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #2E7D32; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #2E7D32; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #4CAF50; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #4CAF50; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #2E7D32; + background: rgba(76, 175, 80, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #4CAF50; + background: #4CAF50; + color: #ffffff; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #4CAF50; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #4CAF50; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #4CAF50; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #4CAF50; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #af4cac; + color: #ffffff; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(175, 76, 172, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(175, 76, 172, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #af4cac; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(175, 76, 172, 0.04); + color: #af4cac; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(175, 76, 172, 0.16); + color: #af4cac; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #af4cac; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(175, 76, 172, 0.04); + border-color: transparent; + color: #af4cac; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(175, 76, 172, 0.16); + border-color: transparent; + color: #af4cac; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #4CAF50; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #4CAF50; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #4CAF50; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(76, 175, 80, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #4CAF50; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(76, 175, 80, 0.68); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #4CAF50; + color: #ffffff; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(76, 175, 80, 0.92); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(76, 175, 80, 0.68); + border-color: transparent; + color: #ffffff; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #4CAF50; + background: #ffffff; + color: #4CAF50; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #4CAF50; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #4CAF50; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #4CAF50; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #4CAF50; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #2E7D32; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #4CAF50; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #4CAF50; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #4CAF50; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #4CAF50; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #4CAF50; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #4CAF50; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #4CAF50; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #4CAF50; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #4CAF50; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #ffffff; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(76, 175, 80, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #4CAF50; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; + border-color: rgba(76, 175, 80, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(76, 175, 80, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #4CAF50; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #4CAF50; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #4CAF50; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #4CAF50; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #4CAF50; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #4CAF50; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #4CAF50; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #af4cac; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(76, 175, 80, 0.12); + color: #2E7D32; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #4CAF50; + color: #ffffff; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(76, 175, 80, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #4CAF50; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #af4cac; +} +body .ui-scrolltop:hover { + background: rgba(175, 76, 172, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #4CAF50; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #4CAF50; + color: #ffffff; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(76, 175, 80, 0.92); + color: #ffffff; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(76, 175, 80, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #4CAF50; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(76, 175, 80, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #4CAF50; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #4CAF50; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4CAF50; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4CAF50; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4CAF50; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4CAF50; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(76, 175, 80, 0.12); + color: #2E7D32; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(76, 175, 80, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(76, 175, 80, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(76, 175, 80, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(76, 175, 80, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(76, 175, 80, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(76, 175, 80, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(175, 76, 172, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(175, 76, 172, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(175, 76, 172, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(175, 76, 172, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #4CAF50, inset 0 0 0 1px #4CAF50, inset 0 0 0 1px #4CAF50, inset 0 0 0 1px #4CAF50; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #4CAF50, #4CAF50), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #4CAF50, #4CAF50), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #4CAF50; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #4CAF50; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #4CAF50, #4CAF50), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #4CAF50, #4CAF50), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #4CAF50, inset 0 0 0 1px #4CAF50, inset 0 0 0 1px #4CAF50, inset 0 0 0 1px #4CAF50; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #4CAF50; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #4CAF50, inset 0 0 0 1px #4CAF50, inset 0 0 0 1px #4CAF50, inset 0 0 0 1px #4CAF50; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #4CAF50, #4CAF50), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #4CAF50, #4CAF50), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #4CAF50, #4CAF50), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(76, 175, 80, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #4CAF50, #4CAF50), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #4CAF50, #4CAF50), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #4CAF50, inset 0 0 0 1px #4CAF50, inset 0 0 0 1px #4CAF50, inset 0 0 0 1px #4CAF50; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #4CAF50, #4CAF50), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #4CAF50, #4CAF50), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(175, 76, 172, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #4CAF50; + color: #ffffff; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(76, 175, 80, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(76, 175, 80, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(76, 175, 80, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(76, 175, 80, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-green/theme.scss b/src/main/resources/resources/primefaces-ultima-green/theme.scss new file mode 100644 index 0000000..07c0dbc --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-green/theme.scss @@ -0,0 +1,11 @@ +$primaryColor:#4CAF50; +$primaryLightestColor: #E8F5E9; +$primaryDarkColor: #2E7D32; +$primaryTextColor:#ffffff; +$accentColor:#af4cac; +$accentTextColor:#ffffff; + +$highlightBg: rgba($primaryColor, .12); +$highlightTextColor: $primaryDarkColor; + +@import '../layout/styles/theme/theme-light/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-indigo-dark/theme.css b/src/main/resources/resources/primefaces-ultima-indigo-dark/theme.css new file mode 100644 index 0000000..27e913c --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-indigo-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#9FA8DA; + --primary-lightest-color:#E8EAF6; + --primary-color-text:#121212; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fafbfd; + --primary-100:#e8eaf6; + --primary-200:#d6daef; + --primary-300:#c3c9e8; + --primary-400:#b1b9e1; + --primary-500:#9fa8da; + --primary-600:#878fb9; + --primary-700:#6f7699; + --primary-800:#575c78; + --primary-900:#404357; +} + +body .ui-button { + background: #9FA8DA; + color: #121212; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(159, 168, 218, 0.92); + border-color: transparent; + color: #121212; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(159, 168, 218, 0.68); + border-color: transparent; + color: #121212; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #9FA8DA; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #9FA8DA; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(159, 168, 218, 0.04); + color: #9FA8DA; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #F48FB1; + color: #121212; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(244, 143, 177, 0.92); + border-color: transparent; + color: #121212; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(244, 143, 177, 0.68); + border-color: transparent; + color: #121212; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #9FA8DA; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(159, 168, 218, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(159, 168, 218, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #F48FB1; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(244, 143, 177, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #9FA8DA; + color: #121212; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #121212; + background: #9FA8DA; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #9FA8DA; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #9FA8DA; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(159, 168, 218, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #9FA8DA; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(196, 201, 232, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(159, 168, 218, 0.16); + border: 1px solid rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #9FA8DA; + color: #121212; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(159, 168, 218, 0.92); + border-color: transparent; + color: #121212; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(159, 168, 218, 0.68); + border-color: transparent; + color: #121212; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(105, 119, 197, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(105, 119, 197, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(159, 168, 218, 0.16); + border-color: rgba(159, 168, 218, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #9FA8DA; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #9FA8DA; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #9FA8DA; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(159, 168, 218, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(159, 168, 218, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #121212; + background: #9FA8DA; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #9FA8DA; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #9FA8DA; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #9FA8DA; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #9FA8DA; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #9FA8DA; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #9FA8DA; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #9FA8DA; + background: rgba(159, 168, 218, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #9FA8DA; + background: #9FA8DA; + color: #121212; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #9FA8DA; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #9FA8DA; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #9FA8DA; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #9FA8DA; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #F48FB1; + color: #121212; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(244, 143, 177, 0.92); + border-color: transparent; + color: #121212; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(244, 143, 177, 0.68); + border-color: transparent; + color: #121212; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #F48FB1; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(244, 143, 177, 0.04); + color: #F48FB1; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(244, 143, 177, 0.16); + color: #F48FB1; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #F48FB1; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(244, 143, 177, 0.04); + border-color: transparent; + color: #F48FB1; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(244, 143, 177, 0.16); + border-color: transparent; + color: #F48FB1; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #9FA8DA; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #9FA8DA; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #9FA8DA; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(159, 168, 218, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #9FA8DA; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(159, 168, 218, 0.68); + border-color: transparent; + color: #121212; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #9FA8DA; + color: #121212; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(159, 168, 218, 0.92); + border-color: transparent; + color: #121212; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(159, 168, 218, 0.68); + border-color: transparent; + color: #121212; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #9FA8DA; + background: #121212; + color: #9FA8DA; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #121212; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #9FA8DA; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #121212; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #121212; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #9FA8DA; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #9FA8DA; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #9FA8DA; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #9FA8DA; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #9FA8DA; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #9FA8DA; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #9FA8DA; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #9FA8DA; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #9FA8DA; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #9FA8DA; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #9FA8DA; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #9FA8DA; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #9FA8DA; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #121212; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(159, 168, 218, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #9FA8DA; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-color: rgba(159, 168, 218, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(159, 168, 218, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #9FA8DA; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #9FA8DA; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #9FA8DA; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #9FA8DA; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #9FA8DA; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #9FA8DA; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #F48FB1; + color: #121212; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(159, 168, 218, 0.16); + color: #9FA8DA; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #9FA8DA; + color: #121212; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(159, 168, 218, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #9FA8DA; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #F48FB1; +} +body .ui-scrolltop:hover { + background: rgba(244, 143, 177, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #121212; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #9FA8DA; + color: #121212; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #9FA8DA; + color: #121212; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(159, 168, 218, 0.92); + color: #121212; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(159, 168, 218, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #9FA8DA; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(159, 168, 218, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #9FA8DA; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #9FA8DA; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #9FA8DA; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #9FA8DA; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #9FA8DA; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #9FA8DA; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(159, 168, 218, 0.16); + color: #9FA8DA; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(159, 168, 218, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(159, 168, 218, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(159, 168, 218, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(159, 168, 218, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(159, 168, 218, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(159, 168, 218, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(244, 143, 177, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(244, 143, 177, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(244, 143, 177, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(244, 143, 177, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #9FA8DA; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #9FA8DA; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #121212; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #121212; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #9FA8DA; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(159, 168, 218, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(244, 143, 177, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #9FA8DA; + color: #121212; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(159, 168, 218, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(159, 168, 218, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(159, 168, 218, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-indigo-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-indigo-dark/theme.scss new file mode 100644 index 0000000..4beaaba --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-indigo-dark/theme.scss @@ -0,0 +1,8 @@ +$primaryColor:#9FA8DA; +$primaryLightestColor: #E8EAF6; +$primaryDarkColor: #212121; +$primaryTextColor:#121212; +$accentColor:#F48FB1; +$accentTextColor:#121212; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-indigo/theme.css b/src/main/resources/resources/primefaces-ultima-indigo/theme.css new file mode 100644 index 0000000..c503f80 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-indigo/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#3F51B5; + --primary-dark-color:#3F51B5; + --primary-lightest-color:#E8EAF6; + --primary-color-text:#ffffff; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f5f6fb; + --primary-100:#d1d5ed; + --primary-200:#acb4df; + --primary-300:#8893d1; + --primary-400:#6372c3; + --primary-500:#3f51b5; + --primary-600:#36459a; + --primary-700:#2c397f; + --primary-800:#232d64; + --primary-900:#192048; +} + +body .ui-button { + background: #3F51B5; + color: #ffffff; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(63, 81, 181, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(63, 81, 181, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #3F51B5; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(63, 81, 181, 0.04); + color: #3F51B5; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(63, 81, 181, 0.16); + color: #3F51B5; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #3F51B5; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(63, 81, 181, 0.04); + color: #3F51B5; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(63, 81, 181, 0.16); + color: #3F51B5; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #ff4081; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(255, 64, 129, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(255, 64, 129, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #ff4081; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(255, 64, 129, 0.04); + color: #ff4081; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(255, 64, 129, 0.16); + color: #ff4081; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #ff4081; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(255, 64, 129, 0.04); + border-color: transparent; + color: #ff4081; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(255, 64, 129, 0.16); + border-color: transparent; + color: #ff4081; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #3F51B5; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(63, 81, 181, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(63, 81, 181, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #ff4081; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(255, 64, 129, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #3F51B5; + color: #ffffff; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #3F51B5; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #3F51B5; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #3F51B5; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(63, 81, 181, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #3F51B5; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(96, 111, 199, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(63, 81, 181, 0.12); + border: 1px solid rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #3F51B5; + color: #ffffff; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(63, 81, 181, 0.92); + border-color: transparent; + color: #ffffff; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(63, 81, 181, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(50, 65, 145, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(50, 65, 145, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(63, 81, 181, 0.12); + border-color: rgba(63, 81, 181, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #3F51B5; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #3F51B5; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #3F51B5; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(63, 81, 181, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(63, 81, 181, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #3F51B5; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #3F51B5; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #3F51B5; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #3F51B5; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #3F51B5; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #3F51B5; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #3F51B5; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #3F51B5; + background: rgba(63, 81, 181, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #3F51B5; + background: #3F51B5; + color: #ffffff; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #3F51B5; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #3F51B5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #3F51B5; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #3F51B5; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ff4081; + color: #ffffff; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(255, 64, 129, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(255, 64, 129, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #ff4081; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(255, 64, 129, 0.04); + color: #ff4081; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(255, 64, 129, 0.16); + color: #ff4081; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #ff4081; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(255, 64, 129, 0.04); + border-color: transparent; + color: #ff4081; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(255, 64, 129, 0.16); + border-color: transparent; + color: #ff4081; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #3F51B5; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #3F51B5; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #3F51B5; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(63, 81, 181, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #3F51B5; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(63, 81, 181, 0.68); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #3F51B5; + color: #ffffff; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(63, 81, 181, 0.92); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(63, 81, 181, 0.68); + border-color: transparent; + color: #ffffff; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #3F51B5; + background: #ffffff; + color: #3F51B5; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #3F51B5; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #3F51B5; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #3F51B5; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #3F51B5; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #3F51B5; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #3F51B5; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #3F51B5; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #3F51B5; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #3F51B5; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #3F51B5; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #3F51B5; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #3F51B5; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #3F51B5; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #3F51B5; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #ffffff; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(63, 81, 181, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #3F51B5; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; + border-color: rgba(63, 81, 181, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(63, 81, 181, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #3F51B5; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #3F51B5; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #3F51B5; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #3F51B5; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #3F51B5; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #3F51B5; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #ff4081; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(63, 81, 181, 0.12); + color: #3F51B5; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #3F51B5; + color: #ffffff; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(63, 81, 181, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #3F51B5; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #ff4081; +} +body .ui-scrolltop:hover { + background: rgba(255, 64, 129, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #3F51B5; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #3F51B5; + color: #ffffff; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(63, 81, 181, 0.92); + color: #ffffff; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(63, 81, 181, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #3F51B5; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(63, 81, 181, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #3F51B5; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #3F51B5; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #3F51B5; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #3F51B5; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #3F51B5; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #3F51B5; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(63, 81, 181, 0.12); + color: #3F51B5; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(63, 81, 181, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(63, 81, 181, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(63, 81, 181, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(63, 81, 181, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(63, 81, 181, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(63, 81, 181, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(255, 64, 129, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(255, 64, 129, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(255, 64, 129, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(255, 64, 129, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #3F51B5; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #3F51B5; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #3F51B5; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(63, 81, 181, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #3F51B5, #3F51B5), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 64, 129, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #3F51B5; + color: #ffffff; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(63, 81, 181, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(63, 81, 181, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(63, 81, 181, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-indigo/theme.scss b/src/main/resources/resources/primefaces-ultima-indigo/theme.scss new file mode 100644 index 0000000..8158a3c --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-indigo/theme.scss @@ -0,0 +1,8 @@ +$primaryColor:#3F51B5; +$primaryLightestColor: #E8EAF6; +$primaryDarkColor: $primaryColor; +$primaryTextColor:#ffffff; +$accentColor:#ff4081; +$accentTextColor:#ffffff; + +@import '../layout/styles/theme/theme-light/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-lightblue-dark/theme.css b/src/main/resources/resources/primefaces-ultima-lightblue-dark/theme.css new file mode 100644 index 0000000..1d08146 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-lightblue-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#4FC3F7; + --primary-lightest-color:#E1F5FE; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f6fcff; + --primary-100:#d5f1fd; + --primary-200:#b3e5fc; + --primary-300:#92dafa; + --primary-400:#70cef9; + --primary-500:#4fc3f7; + --primary-600:#43a6d2; + --primary-700:#3789ad; + --primary-800:#2b6b88; + --primary-900:#204e63; +} + +body .ui-button { + background: #4FC3F7; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(79, 195, 247, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(79, 195, 247, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #4FC3F7; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(79, 195, 247, 0.04); + color: #4FC3F7; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #4FC3F7; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(79, 195, 247, 0.04); + color: #4FC3F7; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #f7844f; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(247, 132, 79, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(247, 132, 79, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #f7844f; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(247, 132, 79, 0.04); + color: #f7844f; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(247, 132, 79, 0.16); + color: #f7844f; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #f7844f; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(247, 132, 79, 0.04); + border-color: transparent; + color: #f7844f; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(247, 132, 79, 0.16); + border-color: transparent; + color: #f7844f; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #4FC3F7; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(79, 195, 247, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(79, 195, 247, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #f7844f; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(247, 132, 79, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #4FC3F7; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #4FC3F7; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #4FC3F7; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #4FC3F7; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(79, 195, 247, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #4FC3F7; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(128, 212, 249, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(79, 195, 247, 0.16); + border: 1px solid rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #4FC3F7; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(79, 195, 247, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(79, 195, 247, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(17, 174, 244, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(17, 174, 244, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(79, 195, 247, 0.16); + border-color: rgba(79, 195, 247, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #4FC3F7; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #4FC3F7; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #4FC3F7; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(79, 195, 247, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(79, 195, 247, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #4FC3F7; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #4FC3F7; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #4FC3F7; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #4FC3F7; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #4FC3F7; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #4FC3F7; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #4FC3F7; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #4FC3F7; + background: rgba(79, 195, 247, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #4FC3F7; + background: #4FC3F7; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #4FC3F7; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #4FC3F7; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #4FC3F7; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #4FC3F7; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #f7844f; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(247, 132, 79, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(247, 132, 79, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #f7844f; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(247, 132, 79, 0.04); + color: #f7844f; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(247, 132, 79, 0.16); + color: #f7844f; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #f7844f; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(247, 132, 79, 0.04); + border-color: transparent; + color: #f7844f; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(247, 132, 79, 0.16); + border-color: transparent; + color: #f7844f; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #4FC3F7; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #4FC3F7; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #4FC3F7; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(79, 195, 247, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #4FC3F7; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(79, 195, 247, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #4FC3F7; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(79, 195, 247, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(79, 195, 247, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #4FC3F7; + background: #212121; + color: #4FC3F7; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #4FC3F7; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #4FC3F7; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #4FC3F7; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #4FC3F7; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #4FC3F7; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #4FC3F7; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #4FC3F7; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #4FC3F7; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #4FC3F7; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #4FC3F7; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #4FC3F7; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #4FC3F7; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #4FC3F7; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #4FC3F7; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(79, 195, 247, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #4FC3F7; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; + border-color: rgba(79, 195, 247, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(79, 195, 247, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #4FC3F7; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #4FC3F7; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #4FC3F7; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #4FC3F7; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #4FC3F7; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #4FC3F7; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #4FC3F7; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #f7844f; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(79, 195, 247, 0.16); + color: #4FC3F7; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #4FC3F7; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(79, 195, 247, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #4FC3F7; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #f7844f; +} +body .ui-scrolltop:hover { + background: rgba(247, 132, 79, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #4FC3F7; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #4FC3F7; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(79, 195, 247, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(79, 195, 247, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #4FC3F7; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(79, 195, 247, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #4FC3F7; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #4FC3F7; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4FC3F7; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4FC3F7; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4FC3F7; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4FC3F7; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(79, 195, 247, 0.16); + color: #4FC3F7; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(79, 195, 247, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(79, 195, 247, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(79, 195, 247, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(79, 195, 247, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(79, 195, 247, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(79, 195, 247, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(247, 132, 79, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(247, 132, 79, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(247, 132, 79, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(247, 132, 79, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #4FC3F7, inset 0 0 0 1px #4FC3F7, inset 0 0 0 1px #4FC3F7, inset 0 0 0 1px #4FC3F7; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4FC3F7, #4FC3F7), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #4FC3F7, #4FC3F7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #4FC3F7; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #4FC3F7; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(79, 195, 247, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(79, 195, 247, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4FC3F7, #4FC3F7), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #4FC3F7, #4FC3F7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #4FC3F7, inset 0 0 0 1px #4FC3F7, inset 0 0 0 1px #4FC3F7, inset 0 0 0 1px #4FC3F7; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #4FC3F7; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #4FC3F7, inset 0 0 0 1px #4FC3F7, inset 0 0 0 1px #4FC3F7, inset 0 0 0 1px #4FC3F7; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4FC3F7, #4FC3F7), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #4FC3F7, #4FC3F7), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4FC3F7, #4FC3F7), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(79, 195, 247, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(79, 195, 247, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(79, 195, 247, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4FC3F7, #4FC3F7), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #4FC3F7, #4FC3F7), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #4FC3F7, inset 0 0 0 1px #4FC3F7, inset 0 0 0 1px #4FC3F7, inset 0 0 0 1px #4FC3F7; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4FC3F7, #4FC3F7), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #4FC3F7, #4FC3F7), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(247, 132, 79, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #4FC3F7; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(79, 195, 247, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(79, 195, 247, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(79, 195, 247, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(79, 195, 247, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(79, 195, 247, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-lightblue-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-lightblue-dark/theme.scss new file mode 100644 index 0000000..33da3f6 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-lightblue-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#4FC3F7; +$primaryLightestColor: #E1F5FE; +$primaryTextColor:#212121; +$accentColor:#f7844f; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-lightblue/theme.css b/src/main/resources/resources/primefaces-ultima-lightblue/theme.css new file mode 100644 index 0000000..5503cca --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-lightblue/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#03A9F4; + --primary-dark-color:#03A9F4; + --primary-lightest-color:#E1F5FE; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f2fbfe; + --primary-100:#c3eafc; + --primary-200:#93dafa; + --primary-300:#63caf8; + --primary-400:#33b9f6; + --primary-500:#03a9f4; + --primary-600:#0390cf; + --primary-700:#0276ab; + --primary-800:#025d86; + --primary-900:#014462; +} + +body .ui-button { + background: #03A9F4; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(3, 169, 244, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(3, 169, 244, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #03A9F4; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(3, 169, 244, 0.04); + color: #03A9F4; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(3, 169, 244, 0.16); + color: #03A9F4; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #03A9F4; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(3, 169, 244, 0.04); + color: #03A9F4; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(3, 169, 244, 0.16); + color: #03A9F4; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #f44f03; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(244, 79, 3, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(244, 79, 3, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #f44f03; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(244, 79, 3, 0.04); + color: #f44f03; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(244, 79, 3, 0.16); + color: #f44f03; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #f44f03; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(244, 79, 3, 0.04); + border-color: transparent; + color: #f44f03; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(244, 79, 3, 0.16); + border-color: transparent; + color: #f44f03; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #03A9F4; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(3, 169, 244, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(3, 169, 244, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #f44f03; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(244, 79, 3, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #03A9F4; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #03A9F4; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #03A9F4; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #03A9F4; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(3, 169, 244, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #03A9F4; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(46, 188, 252, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(3, 169, 244, 0.12); + border: 1px solid rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #03A9F4; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(3, 169, 244, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(3, 169, 244, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(2, 135, 195, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(2, 135, 195, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(3, 169, 244, 0.12); + border-color: rgba(3, 169, 244, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #03A9F4; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #03A9F4; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #03A9F4; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(3, 169, 244, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(3, 169, 244, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #03A9F4; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #03A9F4; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #03A9F4; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #03A9F4; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #03A9F4; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #03A9F4; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #03A9F4; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #03A9F4; + background: rgba(3, 169, 244, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #03A9F4; + background: #03A9F4; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #03A9F4; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #03A9F4; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #03A9F4; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #03A9F4; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #f44f03; + color: #ffffff; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(244, 79, 3, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(244, 79, 3, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #f44f03; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(244, 79, 3, 0.04); + color: #f44f03; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(244, 79, 3, 0.16); + color: #f44f03; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #f44f03; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(244, 79, 3, 0.04); + border-color: transparent; + color: #f44f03; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(244, 79, 3, 0.16); + border-color: transparent; + color: #f44f03; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #03A9F4; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #03A9F4; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #03A9F4; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(3, 169, 244, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #03A9F4; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(3, 169, 244, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #03A9F4; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(3, 169, 244, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(3, 169, 244, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #03A9F4; + background: #212121; + color: #03A9F4; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #03A9F4; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #03A9F4; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #03A9F4; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #03A9F4; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #03A9F4; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #03A9F4; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #03A9F4; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #03A9F4; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #03A9F4; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #03A9F4; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #03A9F4; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #03A9F4; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #03A9F4; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #03A9F4; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(3, 169, 244, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #03A9F4; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; + border-color: rgba(3, 169, 244, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(3, 169, 244, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #03A9F4; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #03A9F4; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #03A9F4; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #03A9F4; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #03A9F4; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #03A9F4; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #03A9F4; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #f44f03; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(3, 169, 244, 0.12); + color: #03A9F4; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #03A9F4; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(3, 169, 244, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #03A9F4; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #f44f03; +} +body .ui-scrolltop:hover { + background: rgba(244, 79, 3, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #03A9F4; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #03A9F4; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(3, 169, 244, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(3, 169, 244, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #03A9F4; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(3, 169, 244, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #03A9F4; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #03A9F4; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #03A9F4; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #03A9F4; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #03A9F4; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #03A9F4; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(3, 169, 244, 0.12); + color: #03A9F4; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(3, 169, 244, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(3, 169, 244, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(3, 169, 244, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(3, 169, 244, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(3, 169, 244, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(3, 169, 244, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(244, 79, 3, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(244, 79, 3, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(244, 79, 3, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(244, 79, 3, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #03A9F4, inset 0 0 0 1px #03A9F4, inset 0 0 0 1px #03A9F4, inset 0 0 0 1px #03A9F4; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #03A9F4, #03A9F4), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #03A9F4, #03A9F4), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #03A9F4; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #03A9F4; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(3, 169, 244, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(3, 169, 244, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #03A9F4, #03A9F4), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #03A9F4, #03A9F4), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #03A9F4, inset 0 0 0 1px #03A9F4, inset 0 0 0 1px #03A9F4, inset 0 0 0 1px #03A9F4; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #03A9F4; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #03A9F4, inset 0 0 0 1px #03A9F4, inset 0 0 0 1px #03A9F4, inset 0 0 0 1px #03A9F4; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #03A9F4, #03A9F4), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #03A9F4, #03A9F4), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #03A9F4, #03A9F4), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(3, 169, 244, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(3, 169, 244, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(3, 169, 244, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #03A9F4, #03A9F4), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #03A9F4, #03A9F4), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #03A9F4, inset 0 0 0 1px #03A9F4, inset 0 0 0 1px #03A9F4, inset 0 0 0 1px #03A9F4; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #03A9F4, #03A9F4), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #03A9F4, #03A9F4), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(244, 79, 3, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #03A9F4; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(3, 169, 244, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(3, 169, 244, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(3, 169, 244, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(3, 169, 244, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(3, 169, 244, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-lightblue/theme.scss b/src/main/resources/resources/primefaces-ultima-lightblue/theme.scss new file mode 100644 index 0000000..205bfc4 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-lightblue/theme.scss @@ -0,0 +1,8 @@ +$primaryColor:#03A9F4; +$primaryLightestColor: #E1F5FE; +$primaryDarkColor: $primaryColor; +$primaryTextColor:#212121; +$accentColor:#f44f03; +$accentTextColor:#ffffff; + +@import '../layout/styles/theme/theme-light/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-lightgreen-dark/theme.css b/src/main/resources/resources/primefaces-ultima-lightgreen-dark/theme.css new file mode 100644 index 0000000..c920e60 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-lightgreen-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#AED581; + --primary-lightest-color:#F1F8E9; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fbfdf9; + --primary-100:#ecf5e1; + --primary-200:#dcedc9; + --primary-300:#cde5b1; + --primary-400:#bddd99; + --primary-500:#aed581; + --primary-600:#94b56e; + --primary-700:#7a955a; + --primary-800:#607547; + --primary-900:#465534; +} + +body .ui-button { + background: #AED581; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(174, 213, 129, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(174, 213, 129, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #AED581; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(174, 213, 129, 0.04); + color: #AED581; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(174, 213, 129, 0.16); + color: #AED581; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #AED581; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(174, 213, 129, 0.04); + color: #AED581; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(174, 213, 129, 0.16); + color: #AED581; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #a881d5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(168, 129, 213, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(168, 129, 213, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #a881d5; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(168, 129, 213, 0.04); + color: #a881d5; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(168, 129, 213, 0.16); + color: #a881d5; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #a881d5; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(168, 129, 213, 0.04); + border-color: transparent; + color: #a881d5; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(168, 129, 213, 0.16); + border-color: transparent; + color: #a881d5; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #AED581; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(174, 213, 129, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(174, 213, 129, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #a881d5; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(168, 129, 213, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #AED581; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #AED581; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #AED581; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #AED581; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(174, 213, 129, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #AED581; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(199, 226, 167, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(174, 213, 129, 0.16); + border: 1px solid rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #AED581; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(174, 213, 129, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(174, 213, 129, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(141, 196, 78, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(141, 196, 78, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(174, 213, 129, 0.16); + border-color: rgba(174, 213, 129, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #AED581; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #AED581; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #AED581; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(174, 213, 129, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(174, 213, 129, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #AED581; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(174, 213, 129, 0.16); + color: #AED581; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #AED581; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #AED581; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #AED581; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #AED581; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #AED581; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(174, 213, 129, 0.16); + color: #AED581; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #AED581; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #AED581; + background: rgba(174, 213, 129, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #AED581; + background: #AED581; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #AED581; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #AED581; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #AED581; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(174, 213, 129, 0.16); + color: #AED581; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(174, 213, 129, 0.16); + color: #AED581; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(174, 213, 129, 0.16); + color: #AED581; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #AED581; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #a881d5; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(168, 129, 213, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(168, 129, 213, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #a881d5; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(168, 129, 213, 0.04); + color: #a881d5; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(168, 129, 213, 0.16); + color: #a881d5; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #a881d5; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(168, 129, 213, 0.04); + border-color: transparent; + color: #a881d5; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(168, 129, 213, 0.16); + border-color: transparent; + color: #a881d5; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(174, 213, 129, 0.16); + color: #AED581; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #AED581; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #AED581; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #AED581; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(174, 213, 129, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #AED581; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(174, 213, 129, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #AED581; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(174, 213, 129, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(174, 213, 129, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #AED581; + background: #212121; + color: #AED581; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #AED581; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #AED581; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #AED581; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #AED581; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #AED581; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #AED581; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(174, 213, 129, 0.16); + color: #AED581; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #AED581; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(174, 213, 129, 0.16); + color: #AED581; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #AED581; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #AED581; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #AED581; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #AED581; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #AED581; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #AED581; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #AED581; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(174, 213, 129, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #AED581; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(174, 213, 129, 0.16); + color: #AED581; + border-color: rgba(174, 213, 129, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(174, 213, 129, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #AED581; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #AED581; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #AED581; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #AED581; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #AED581; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #AED581; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #AED581; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #a881d5; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(174, 213, 129, 0.16); + color: #AED581; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #AED581; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(174, 213, 129, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #AED581; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #a881d5; +} +body .ui-scrolltop:hover { + background: rgba(168, 129, 213, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #AED581; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #AED581; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(174, 213, 129, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(174, 213, 129, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #AED581; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(174, 213, 129, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #AED581; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #AED581; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AED581; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AED581; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AED581; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #AED581; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(174, 213, 129, 0.16); + color: #AED581; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(174, 213, 129, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(174, 213, 129, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(174, 213, 129, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(174, 213, 129, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(174, 213, 129, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(174, 213, 129, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(168, 129, 213, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(168, 129, 213, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(168, 129, 213, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(168, 129, 213, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #AED581, inset 0 0 0 1px #AED581, inset 0 0 0 1px #AED581, inset 0 0 0 1px #AED581; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #AED581, #AED581), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #AED581, #AED581), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #AED581; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #AED581; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(174, 213, 129, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(174, 213, 129, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #AED581, #AED581), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #AED581, #AED581), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #AED581, inset 0 0 0 1px #AED581, inset 0 0 0 1px #AED581, inset 0 0 0 1px #AED581; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #AED581; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #AED581, inset 0 0 0 1px #AED581, inset 0 0 0 1px #AED581, inset 0 0 0 1px #AED581; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #AED581, #AED581), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #AED581, #AED581), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #AED581, #AED581), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(174, 213, 129, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(174, 213, 129, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(174, 213, 129, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #AED581, #AED581), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #AED581, #AED581), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #AED581, inset 0 0 0 1px #AED581, inset 0 0 0 1px #AED581, inset 0 0 0 1px #AED581; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #AED581, #AED581), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #AED581, #AED581), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(168, 129, 213, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #AED581; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(174, 213, 129, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(174, 213, 129, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(174, 213, 129, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(174, 213, 129, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(174, 213, 129, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-lightgreen-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-lightgreen-dark/theme.scss new file mode 100644 index 0000000..d681cdd --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-lightgreen-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#AED581; +$primaryLightestColor: #F1F8E9; +$primaryTextColor:#212121; +$accentColor:#a881d5; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-lightgreen/theme.css b/src/main/resources/resources/primefaces-ultima-lightgreen/theme.css new file mode 100644 index 0000000..862806a --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-lightgreen/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#8BC34A; + --primary-dark-color:#33691E; + --primary-lightest-color:#F1F8E9; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f9fcf6; + --primary-100:#e3f1d4; + --primary-200:#cde5b1; + --primary-300:#b7da8f; + --primary-400:#a1ce6c; + --primary-500:#8bc34a; + --primary-600:#76a63f; + --primary-700:#618934; + --primary-800:#4c6b29; + --primary-900:#384e1e; +} + +body .ui-button { + background: #8BC34A; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(139, 195, 74, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(139, 195, 74, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #8BC34A; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(139, 195, 74, 0.04); + color: #8BC34A; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(139, 195, 74, 0.16); + color: #8BC34A; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #8BC34A; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(139, 195, 74, 0.04); + color: #8BC34A; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(139, 195, 74, 0.16); + color: #8BC34A; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #824ac3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(130, 74, 195, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(130, 74, 195, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #824ac3; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(130, 74, 195, 0.04); + color: #824ac3; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(130, 74, 195, 0.16); + color: #824ac3; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #824ac3; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(130, 74, 195, 0.04); + border-color: transparent; + color: #824ac3; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(130, 74, 195, 0.16); + border-color: transparent; + color: #824ac3; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #8BC34A; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(139, 195, 74, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(139, 195, 74, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #824ac3; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(130, 74, 195, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #8BC34A; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #8BC34A; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #33691E; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #33691E; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(139, 195, 74, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #8BC34A; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(164, 208, 112, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(139, 195, 74, 0.12); + border: 1px solid rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #8BC34A; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(139, 195, 74, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(139, 195, 74, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(112, 162, 54, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(112, 162, 54, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(139, 195, 74, 0.12); + border-color: rgba(139, 195, 74, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #33691E; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #33691E; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #33691E; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(139, 195, 74, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(139, 195, 74, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #8BC34A; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(139, 195, 74, 0.12); + color: #33691E; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #33691E; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #33691E; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #33691E; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #33691E; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #8BC34A; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(139, 195, 74, 0.12); + color: #33691E; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #8BC34A; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #33691E; + background: rgba(139, 195, 74, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #8BC34A; + background: #8BC34A; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #8BC34A; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #8BC34A; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #8BC34A; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(139, 195, 74, 0.12); + color: #33691E; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(139, 195, 74, 0.12); + color: #33691E; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(139, 195, 74, 0.12); + color: #33691E; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #8BC34A; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #824ac3; + color: #ffffff; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(130, 74, 195, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(130, 74, 195, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #824ac3; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(130, 74, 195, 0.04); + color: #824ac3; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(130, 74, 195, 0.16); + color: #824ac3; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #824ac3; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(130, 74, 195, 0.04); + border-color: transparent; + color: #824ac3; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(130, 74, 195, 0.16); + border-color: transparent; + color: #824ac3; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(139, 195, 74, 0.12); + color: #33691E; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #8BC34A; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #8BC34A; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #8BC34A; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(139, 195, 74, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #8BC34A; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(139, 195, 74, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #8BC34A; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(139, 195, 74, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(139, 195, 74, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #8BC34A; + background: #212121; + color: #8BC34A; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #8BC34A; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #8BC34A; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #8BC34A; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #8BC34A; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #33691E; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #8BC34A; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(139, 195, 74, 0.12); + color: #33691E; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #8BC34A; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(139, 195, 74, 0.12); + color: #33691E; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #8BC34A; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #8BC34A; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #8BC34A; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #8BC34A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #8BC34A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #8BC34A; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #8BC34A; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(139, 195, 74, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #8BC34A; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(139, 195, 74, 0.12); + color: #33691E; + border-color: rgba(139, 195, 74, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(139, 195, 74, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #8BC34A; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #8BC34A; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #8BC34A; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #8BC34A; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #8BC34A; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #8BC34A; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #8BC34A; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #824ac3; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(139, 195, 74, 0.12); + color: #33691E; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #8BC34A; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(139, 195, 74, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #8BC34A; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #824ac3; +} +body .ui-scrolltop:hover { + background: rgba(130, 74, 195, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #8BC34A; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #8BC34A; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(139, 195, 74, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(139, 195, 74, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #8BC34A; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(139, 195, 74, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #8BC34A; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #8BC34A; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #8BC34A; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #8BC34A; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #8BC34A; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #8BC34A; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(139, 195, 74, 0.12); + color: #33691E; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(139, 195, 74, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(139, 195, 74, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(139, 195, 74, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(139, 195, 74, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(139, 195, 74, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(139, 195, 74, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(130, 74, 195, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(130, 74, 195, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(130, 74, 195, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(130, 74, 195, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #8BC34A, inset 0 0 0 1px #8BC34A, inset 0 0 0 1px #8BC34A, inset 0 0 0 1px #8BC34A; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #8BC34A, #8BC34A), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #8BC34A, #8BC34A), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #8BC34A; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #8BC34A; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(139, 195, 74, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(139, 195, 74, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #8BC34A, #8BC34A), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #8BC34A, #8BC34A), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #8BC34A, inset 0 0 0 1px #8BC34A, inset 0 0 0 1px #8BC34A, inset 0 0 0 1px #8BC34A; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #8BC34A; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #8BC34A, inset 0 0 0 1px #8BC34A, inset 0 0 0 1px #8BC34A, inset 0 0 0 1px #8BC34A; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #8BC34A, #8BC34A), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #8BC34A, #8BC34A), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #8BC34A, #8BC34A), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(139, 195, 74, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(139, 195, 74, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(139, 195, 74, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #8BC34A, #8BC34A), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #8BC34A, #8BC34A), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #8BC34A, inset 0 0 0 1px #8BC34A, inset 0 0 0 1px #8BC34A, inset 0 0 0 1px #8BC34A; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #8BC34A, #8BC34A), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #8BC34A, #8BC34A), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(130, 74, 195, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #8BC34A; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(139, 195, 74, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(139, 195, 74, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(139, 195, 74, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(139, 195, 74, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(139, 195, 74, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-lightgreen/theme.scss b/src/main/resources/resources/primefaces-ultima-lightgreen/theme.scss new file mode 100644 index 0000000..dce37e8 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-lightgreen/theme.scss @@ -0,0 +1,11 @@ +$primaryColor:#8BC34A; +$primaryLightestColor: #F1F8E9; +$primaryDarkColor: #33691E; +$primaryTextColor:#212121; +$accentColor:#824ac3; +$accentTextColor:#ffffff; + +$highlightBg: rgba($primaryColor, .12); +$highlightTextColor: $primaryDarkColor; + +@import '../layout/styles/theme/theme-light/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-lime-dark/theme.css b/src/main/resources/resources/primefaces-ultima-lime-dark/theme.css new file mode 100644 index 0000000..d51c584 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-lime-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#DCE775; + --primary-lightest-color:#F9FBE7; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fdfef8; + --primary-100:#f7f9de; + --primary-200:#f0f5c4; + --primary-300:#e9f0a9; + --primary-400:#e3ec8f; + --primary-500:#dce775; + --primary-600:#bbc463; + --primary-700:#9aa252; + --primary-800:#797f40; + --primary-900:#585c2f; +} + +body .ui-button { + background: #DCE775; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(220, 231, 117, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(220, 231, 117, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #DCE775; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(220, 231, 117, 0.04); + color: #DCE775; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #DCE775; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(220, 231, 117, 0.04); + color: #DCE775; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #8075e7; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(128, 117, 231, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(128, 117, 231, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #8075e7; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(128, 117, 231, 0.04); + color: #8075e7; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(128, 117, 231, 0.16); + color: #8075e7; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #8075e7; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(128, 117, 231, 0.04); + border-color: transparent; + color: #8075e7; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(128, 117, 231, 0.16); + border-color: transparent; + color: #8075e7; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #DCE775; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(220, 231, 117, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(220, 231, 117, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #8075e7; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(128, 117, 231, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #DCE775; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #DCE775; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #DCE775; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #DCE775; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(220, 231, 117, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #DCE775; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(231, 239, 160, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(220, 231, 117, 0.16); + border: 1px solid rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #DCE775; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(220, 231, 117, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(220, 231, 117, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(205, 221, 58, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(205, 221, 58, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(220, 231, 117, 0.16); + border-color: rgba(220, 231, 117, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #DCE775; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #DCE775; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #DCE775; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(220, 231, 117, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(220, 231, 117, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #DCE775; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #DCE775; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #DCE775; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #DCE775; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #DCE775; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #DCE775; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(220, 231, 117, 0.16); + color: #DCE775; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #DCE775; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #DCE775; + background: rgba(220, 231, 117, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #DCE775; + background: #DCE775; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #DCE775; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #DCE775; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #DCE775; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(220, 231, 117, 0.16); + color: #DCE775; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #DCE775; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #8075e7; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(128, 117, 231, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(128, 117, 231, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #8075e7; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(128, 117, 231, 0.04); + color: #8075e7; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(128, 117, 231, 0.16); + color: #8075e7; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #8075e7; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(128, 117, 231, 0.04); + border-color: transparent; + color: #8075e7; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(128, 117, 231, 0.16); + border-color: transparent; + color: #8075e7; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #DCE775; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #DCE775; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #DCE775; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(220, 231, 117, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #DCE775; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(220, 231, 117, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #DCE775; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(220, 231, 117, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(220, 231, 117, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #DCE775; + background: #212121; + color: #DCE775; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #DCE775; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #DCE775; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #DCE775; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #DCE775; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #DCE775; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #DCE775; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(220, 231, 117, 0.16); + color: #DCE775; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #DCE775; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #DCE775; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #DCE775; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #DCE775; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #DCE775; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #DCE775; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #DCE775; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #DCE775; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(220, 231, 117, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #DCE775; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; + border-color: rgba(220, 231, 117, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(220, 231, 117, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #DCE775; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #DCE775; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #DCE775; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #DCE775; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #DCE775; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #DCE775; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #DCE775; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #8075e7; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(220, 231, 117, 0.16); + color: #DCE775; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #DCE775; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(220, 231, 117, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #DCE775; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #8075e7; +} +body .ui-scrolltop:hover { + background: rgba(128, 117, 231, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #DCE775; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #DCE775; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(220, 231, 117, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(220, 231, 117, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #DCE775; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(220, 231, 117, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #DCE775; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #DCE775; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #DCE775; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #DCE775; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #DCE775; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #DCE775; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(220, 231, 117, 0.16); + color: #DCE775; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(220, 231, 117, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(220, 231, 117, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(220, 231, 117, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(220, 231, 117, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(220, 231, 117, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(220, 231, 117, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(128, 117, 231, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(128, 117, 231, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(128, 117, 231, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(128, 117, 231, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #DCE775, inset 0 0 0 1px #DCE775, inset 0 0 0 1px #DCE775, inset 0 0 0 1px #DCE775; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #DCE775, #DCE775), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #DCE775, #DCE775), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #DCE775; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #DCE775; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(220, 231, 117, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(220, 231, 117, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #DCE775, #DCE775), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #DCE775, #DCE775), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #DCE775, inset 0 0 0 1px #DCE775, inset 0 0 0 1px #DCE775, inset 0 0 0 1px #DCE775; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #DCE775; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #DCE775, inset 0 0 0 1px #DCE775, inset 0 0 0 1px #DCE775, inset 0 0 0 1px #DCE775; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #DCE775, #DCE775), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #DCE775, #DCE775), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #DCE775, #DCE775), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(220, 231, 117, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(220, 231, 117, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(220, 231, 117, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #DCE775, #DCE775), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #DCE775, #DCE775), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #DCE775, inset 0 0 0 1px #DCE775, inset 0 0 0 1px #DCE775, inset 0 0 0 1px #DCE775; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #DCE775, #DCE775), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #DCE775, #DCE775), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(128, 117, 231, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #DCE775; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(220, 231, 117, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(220, 231, 117, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(220, 231, 117, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(220, 231, 117, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(220, 231, 117, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-lime-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-lime-dark/theme.scss new file mode 100644 index 0000000..d124c5c --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-lime-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#DCE775; +$primaryLightestColor: #F9FBE7; +$primaryTextColor:#212121; +$accentColor:#8075e7; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-lime/theme.css b/src/main/resources/resources/primefaces-ultima-lime/theme.css new file mode 100644 index 0000000..539e214 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-lime/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#CDDC39; + --primary-dark-color:#827717; + --primary-lightest-color:#F9FBE7; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fdfdf5; + --primary-100:#f3f7cf; + --primary-200:#eaf0aa; + --primary-300:#e0e984; + --primary-400:#d7e35f; + --primary-500:#cddc39; + --primary-600:#aebb30; + --primary-700:#909a28; + --primary-800:#71791f; + --primary-900:#525817; +} + +body .ui-button { + background: #CDDC39; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(205, 220, 57, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(205, 220, 57, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #CDDC39; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(205, 220, 57, 0.04); + color: #CDDC39; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(205, 220, 57, 0.16); + color: #CDDC39; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #CDDC39; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(205, 220, 57, 0.04); + color: #CDDC39; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(205, 220, 57, 0.16); + color: #CDDC39; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #4939dc; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(73, 57, 220, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(73, 57, 220, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #4939dc; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(73, 57, 220, 0.04); + color: #4939dc; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(73, 57, 220, 0.16); + color: #4939dc; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #4939dc; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(73, 57, 220, 0.04); + border-color: transparent; + color: #4939dc; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(73, 57, 220, 0.16); + border-color: transparent; + color: #4939dc; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #CDDC39; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(205, 220, 57, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(205, 220, 57, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #4939dc; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(73, 57, 220, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #CDDC39; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #CDDC39; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #827717; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #827717; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(205, 220, 57, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #CDDC39; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(216, 228, 100, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(205, 220, 57, 0.12); + border: 1px solid rgba(205, 220, 57, 0.12); + color: #827717; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #CDDC39; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(205, 220, 57, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(205, 220, 57, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(174, 188, 33, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(174, 188, 33, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(205, 220, 57, 0.12); + border-color: rgba(205, 220, 57, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #827717; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #827717; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #827717; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(205, 220, 57, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(205, 220, 57, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #CDDC39; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(205, 220, 57, 0.12); + color: #827717; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #827717; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #827717; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #827717; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #827717; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #CDDC39; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(205, 220, 57, 0.12); + color: #827717; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #CDDC39; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #827717; + background: rgba(205, 220, 57, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #CDDC39; + background: #CDDC39; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #CDDC39; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #CDDC39; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #CDDC39; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(205, 220, 57, 0.12); + color: #827717; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(205, 220, 57, 0.12); + color: #827717; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(205, 220, 57, 0.12); + color: #827717; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #CDDC39; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #4939dc; + color: #ffffff; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(73, 57, 220, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(73, 57, 220, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #4939dc; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(73, 57, 220, 0.04); + color: #4939dc; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(73, 57, 220, 0.16); + color: #4939dc; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #4939dc; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(73, 57, 220, 0.04); + border-color: transparent; + color: #4939dc; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(73, 57, 220, 0.16); + border-color: transparent; + color: #4939dc; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(205, 220, 57, 0.12); + color: #827717; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #CDDC39; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #CDDC39; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #CDDC39; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(205, 220, 57, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #CDDC39; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(205, 220, 57, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #CDDC39; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(205, 220, 57, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(205, 220, 57, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #CDDC39; + background: #212121; + color: #CDDC39; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #CDDC39; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #CDDC39; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #CDDC39; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #CDDC39; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #827717; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #CDDC39; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(205, 220, 57, 0.12); + color: #827717; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #CDDC39; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(205, 220, 57, 0.12); + color: #827717; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #CDDC39; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #CDDC39; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #CDDC39; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #CDDC39; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #CDDC39; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #CDDC39; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #CDDC39; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(205, 220, 57, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #CDDC39; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(205, 220, 57, 0.12); + color: #827717; + border-color: rgba(205, 220, 57, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(205, 220, 57, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #CDDC39; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #CDDC39; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #CDDC39; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #CDDC39; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #CDDC39; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #CDDC39; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #CDDC39; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #4939dc; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(205, 220, 57, 0.12); + color: #827717; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #CDDC39; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(205, 220, 57, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #CDDC39; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #4939dc; +} +body .ui-scrolltop:hover { + background: rgba(73, 57, 220, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #CDDC39; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #CDDC39; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(205, 220, 57, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(205, 220, 57, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #CDDC39; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(205, 220, 57, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #CDDC39; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #CDDC39; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CDDC39; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CDDC39; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CDDC39; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #CDDC39; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(205, 220, 57, 0.12); + color: #827717; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(205, 220, 57, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(205, 220, 57, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(205, 220, 57, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(205, 220, 57, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(205, 220, 57, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(205, 220, 57, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(73, 57, 220, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(73, 57, 220, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(73, 57, 220, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(73, 57, 220, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #CDDC39, inset 0 0 0 1px #CDDC39, inset 0 0 0 1px #CDDC39, inset 0 0 0 1px #CDDC39; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #CDDC39, #CDDC39), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #CDDC39, #CDDC39), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #CDDC39; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #CDDC39; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(205, 220, 57, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(205, 220, 57, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #CDDC39, #CDDC39), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #CDDC39, #CDDC39), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #CDDC39, inset 0 0 0 1px #CDDC39, inset 0 0 0 1px #CDDC39, inset 0 0 0 1px #CDDC39; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #CDDC39; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #CDDC39, inset 0 0 0 1px #CDDC39, inset 0 0 0 1px #CDDC39, inset 0 0 0 1px #CDDC39; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #CDDC39, #CDDC39), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #CDDC39, #CDDC39), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #CDDC39, #CDDC39), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(205, 220, 57, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(205, 220, 57, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(205, 220, 57, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #CDDC39, #CDDC39), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #CDDC39, #CDDC39), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #CDDC39, inset 0 0 0 1px #CDDC39, inset 0 0 0 1px #CDDC39, inset 0 0 0 1px #CDDC39; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #CDDC39, #CDDC39), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #CDDC39, #CDDC39), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(73, 57, 220, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #CDDC39; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(205, 220, 57, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(205, 220, 57, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(205, 220, 57, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(205, 220, 57, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(205, 220, 57, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-lime/theme.scss b/src/main/resources/resources/primefaces-ultima-lime/theme.scss new file mode 100644 index 0000000..9930b87 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-lime/theme.scss @@ -0,0 +1,11 @@ +$primaryColor:#CDDC39; +$primaryLightestColor: #F9FBE7; +$primaryDarkColor: #827717; +$primaryTextColor:#212121; +$accentColor:#4939dc; +$accentTextColor:#ffffff; + +$highlightBg: rgba($primaryColor, .12); +$highlightTextColor: $primaryDarkColor; + +@import '../layout/styles/theme/theme-light/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-orange-dark/theme.css b/src/main/resources/resources/primefaces-ultima-orange-dark/theme.css new file mode 100644 index 0000000..b61b869 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-orange-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#FFB74D; + --primary-lightest-color:#FFF3E0; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fffbf6; + --primary-100:#ffeed4; + --primary-200:#ffe0b2; + --primary-300:#ffd291; + --primary-400:#ffc56f; + --primary-500:#ffb74d; + --primary-600:#d99c41; + --primary-700:#b38036; + --primary-800:#8c652a; + --primary-900:#66491f; +} + +body .ui-button { + background: #FFB74D; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(255, 183, 77, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(255, 183, 77, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFB74D; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 183, 77, 0.04); + color: #FFB74D; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FFB74D; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 183, 77, 0.04); + color: #FFB74D; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #4d94ff; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(77, 148, 255, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(77, 148, 255, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #4d94ff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(77, 148, 255, 0.04); + color: #4d94ff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(77, 148, 255, 0.16); + color: #4d94ff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #4d94ff; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(77, 148, 255, 0.04); + border-color: transparent; + color: #4d94ff; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(77, 148, 255, 0.16); + border-color: transparent; + color: #4d94ff; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #FFB74D; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(255, 183, 77, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(255, 183, 77, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #4d94ff; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(77, 148, 255, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FFB74D; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #FFB74D; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFB74D; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFB74D; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(255, 183, 77, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #FFB74D; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(255, 204, 128, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(255, 183, 77, 0.16); + border: 1px solid rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #FFB74D; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(255, 183, 77, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(255, 183, 77, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(255, 156, 11, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(255, 156, 11, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(255, 183, 77, 0.16); + border-color: rgba(255, 183, 77, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFB74D; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFB74D; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFB74D; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(255, 183, 77, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(255, 183, 77, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #FFB74D; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFB74D; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFB74D; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFB74D; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFB74D; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FFB74D; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FFB74D; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFB74D; + background: rgba(255, 183, 77, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFB74D; + background: #FFB74D; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FFB74D; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FFB74D; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FFB74D; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FFB74D; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #4d94ff; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(77, 148, 255, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(77, 148, 255, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #4d94ff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(77, 148, 255, 0.04); + color: #4d94ff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(77, 148, 255, 0.16); + color: #4d94ff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #4d94ff; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(77, 148, 255, 0.04); + border-color: transparent; + color: #4d94ff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(77, 148, 255, 0.16); + border-color: transparent; + color: #4d94ff; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FFB74D; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #FFB74D; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FFB74D; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(255, 183, 77, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FFB74D; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(255, 183, 77, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FFB74D; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(255, 183, 77, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(255, 183, 77, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFB74D; + background: #212121; + color: #FFB74D; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFB74D; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FFB74D; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FFB74D; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FFB74D; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFB74D; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FFB74D; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FFB74D; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #FFB74D; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #FFB74D; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #FFB74D; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFB74D; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFB74D; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFB74D; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFB74D; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(255, 183, 77, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #FFB74D; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; + border-color: rgba(255, 183, 77, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(255, 183, 77, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #FFB74D; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FFB74D; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FFB74D; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFB74D; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFB74D; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFB74D; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #FFB74D; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #4d94ff; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(255, 183, 77, 0.16); + color: #FFB74D; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFB74D; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(255, 183, 77, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FFB74D; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #4d94ff; +} +body .ui-scrolltop:hover { + background: rgba(77, 148, 255, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FFB74D; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FFB74D; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(255, 183, 77, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(255, 183, 77, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #FFB74D; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(255, 183, 77, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FFB74D; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FFB74D; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB74D; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB74D; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB74D; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFB74D; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(255, 183, 77, 0.16); + color: #FFB74D; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(255, 183, 77, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(255, 183, 77, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(255, 183, 77, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(255, 183, 77, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(255, 183, 77, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(255, 183, 77, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(77, 148, 255, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(77, 148, 255, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(77, 148, 255, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(77, 148, 255, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FFB74D, inset 0 0 0 1px #FFB74D, inset 0 0 0 1px #FFB74D, inset 0 0 0 1px #FFB74D; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFB74D, #FFB74D), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FFB74D, #FFB74D), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #FFB74D; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #FFB74D; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 183, 77, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 183, 77, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFB74D, #FFB74D), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FFB74D, #FFB74D), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #FFB74D, inset 0 0 0 1px #FFB74D, inset 0 0 0 1px #FFB74D, inset 0 0 0 1px #FFB74D; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #FFB74D; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FFB74D, inset 0 0 0 1px #FFB74D, inset 0 0 0 1px #FFB74D, inset 0 0 0 1px #FFB74D; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFB74D, #FFB74D), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FFB74D, #FFB74D), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFB74D, #FFB74D), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(255, 183, 77, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 183, 77, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(255, 183, 77, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFB74D, #FFB74D), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FFB74D, #FFB74D), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #FFB74D, inset 0 0 0 1px #FFB74D, inset 0 0 0 1px #FFB74D, inset 0 0 0 1px #FFB74D; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFB74D, #FFB74D), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FFB74D, #FFB74D), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(77, 148, 255, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #FFB74D; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(255, 183, 77, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(255, 183, 77, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(255, 183, 77, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 183, 77, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 183, 77, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-orange-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-orange-dark/theme.scss new file mode 100644 index 0000000..26c6b13 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-orange-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#FFB74D; +$primaryLightestColor: #FFF3E0; +$primaryTextColor:#212121; +$accentColor:#4d94ff; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-orange/theme.css b/src/main/resources/resources/primefaces-ultima-orange/theme.css new file mode 100644 index 0000000..ac07aa0 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-orange/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#FF9800; + --primary-dark-color:#E65100; + --primary-lightest-color:#FFF3E0; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fffaf2; + --primary-100:#ffe6c2; + --primary-200:#ffd391; + --primary-300:#ffbf61; + --primary-400:#ffac30; + --primary-500:#ff9800; + --primary-600:#d98100; + --primary-700:#b36a00; + --primary-800:#8c5400; + --primary-900:#663d00; +} + +body .ui-button { + background: #FF9800; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(255, 152, 0, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(255, 152, 0, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FF9800; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 152, 0, 0.04); + color: #FF9800; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 152, 0, 0.16); + color: #FF9800; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FF9800; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 152, 0, 0.04); + color: #FF9800; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 152, 0, 0.16); + color: #FF9800; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #0066ff; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(0, 102, 255, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(0, 102, 255, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #0066ff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(0, 102, 255, 0.04); + color: #0066ff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(0, 102, 255, 0.16); + color: #0066ff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #0066ff; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(0, 102, 255, 0.04); + border-color: transparent; + color: #0066ff; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(0, 102, 255, 0.16); + border-color: transparent; + color: #0066ff; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #FF9800; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(255, 152, 0, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(255, 152, 0, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #0066ff; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(0, 102, 255, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FF9800; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #FF9800; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #E65100; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #E65100; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(255, 152, 0, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #FF9800; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(255, 173, 51, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(255, 152, 0, 0.12); + border: 1px solid rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #FF9800; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(255, 152, 0, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(255, 152, 0, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(204, 122, 0, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(204, 122, 0, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(255, 152, 0, 0.12); + border-color: rgba(255, 152, 0, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #E65100; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #E65100; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #E65100; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(255, 152, 0, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(255, 152, 0, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #FF9800; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(255, 152, 0, 0.12); + color: #E65100; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #E65100; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #E65100; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #E65100; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #E65100; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FF9800; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 152, 0, 0.12); + color: #E65100; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FF9800; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #E65100; + background: rgba(255, 152, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FF9800; + background: #FF9800; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FF9800; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FF9800; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FF9800; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(255, 152, 0, 0.12); + color: #E65100; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(255, 152, 0, 0.12); + color: #E65100; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(255, 152, 0, 0.12); + color: #E65100; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FF9800; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #0066ff; + color: #ffffff; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(0, 102, 255, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(0, 102, 255, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #0066ff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(0, 102, 255, 0.04); + color: #0066ff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(0, 102, 255, 0.16); + color: #0066ff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #0066ff; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(0, 102, 255, 0.04); + border-color: transparent; + color: #0066ff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(0, 102, 255, 0.16); + border-color: transparent; + color: #0066ff; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(255, 152, 0, 0.12); + color: #E65100; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FF9800; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #FF9800; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FF9800; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(255, 152, 0, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FF9800; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(255, 152, 0, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FF9800; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(255, 152, 0, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(255, 152, 0, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FF9800; + background: #212121; + color: #FF9800; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FF9800; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FF9800; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FF9800; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FF9800; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #E65100; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FF9800; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 152, 0, 0.12); + color: #E65100; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FF9800; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(255, 152, 0, 0.12); + color: #E65100; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #FF9800; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #FF9800; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #FF9800; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FF9800; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FF9800; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FF9800; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FF9800; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(255, 152, 0, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #FF9800; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(255, 152, 0, 0.12); + color: #E65100; + border-color: rgba(255, 152, 0, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(255, 152, 0, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #FF9800; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FF9800; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FF9800; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF9800; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF9800; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FF9800; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #FF9800; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #0066ff; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(255, 152, 0, 0.12); + color: #E65100; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FF9800; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(255, 152, 0, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FF9800; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #0066ff; +} +body .ui-scrolltop:hover { + background: rgba(0, 102, 255, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FF9800; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FF9800; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(255, 152, 0, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(255, 152, 0, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #FF9800; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(255, 152, 0, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FF9800; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FF9800; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF9800; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF9800; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF9800; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FF9800; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(255, 152, 0, 0.12); + color: #E65100; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(255, 152, 0, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(255, 152, 0, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(255, 152, 0, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(255, 152, 0, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(255, 152, 0, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(255, 152, 0, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(0, 102, 255, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(0, 102, 255, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(0, 102, 255, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(0, 102, 255, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FF9800, inset 0 0 0 1px #FF9800, inset 0 0 0 1px #FF9800, inset 0 0 0 1px #FF9800; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FF9800, #FF9800), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FF9800, #FF9800), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #FF9800; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #FF9800; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 152, 0, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 152, 0, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FF9800, #FF9800), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FF9800, #FF9800), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #FF9800, inset 0 0 0 1px #FF9800, inset 0 0 0 1px #FF9800, inset 0 0 0 1px #FF9800; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #FF9800; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FF9800, inset 0 0 0 1px #FF9800, inset 0 0 0 1px #FF9800, inset 0 0 0 1px #FF9800; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FF9800, #FF9800), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FF9800, #FF9800), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FF9800, #FF9800), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(255, 152, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 152, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(255, 152, 0, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FF9800, #FF9800), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FF9800, #FF9800), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #FF9800, inset 0 0 0 1px #FF9800, inset 0 0 0 1px #FF9800, inset 0 0 0 1px #FF9800; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FF9800, #FF9800), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FF9800, #FF9800), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 102, 255, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #FF9800; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(255, 152, 0, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(255, 152, 0, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(255, 152, 0, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 152, 0, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 152, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-orange/theme.scss b/src/main/resources/resources/primefaces-ultima-orange/theme.scss new file mode 100644 index 0000000..f41d055 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-orange/theme.scss @@ -0,0 +1,11 @@ +$primaryColor:#FF9800; +$primaryLightestColor: #FFF3E0; +$primaryDarkColor: #E65100; +$primaryTextColor:#212121; +$accentColor:#0066ff; +$accentTextColor:#ffffff; + +$highlightBg: rgba($primaryColor, .12); +$highlightTextColor: $primaryDarkColor; + +@import '../layout/styles/theme/theme-light/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-pink-dark/theme.css b/src/main/resources/resources/primefaces-ultima-pink-dark/theme.css new file mode 100644 index 0000000..91e7ba0 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-pink-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#F06292; + --primary-lightest-color:#FCE4EC; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fef7fa; + --primary-100:#fbd9e5; + --primary-200:#f9bbd0; + --primary-300:#f69ebb; + --primary-400:#f380a7; + --primary-500:#f06292; + --primary-600:#cc537c; + --primary-700:#a84566; + --primary-800:#843650; + --primary-900:#60273a; +} + +body .ui-button { + background: #F06292; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(240, 98, 146, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(240, 98, 146, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #F06292; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(240, 98, 146, 0.04); + color: #F06292; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(240, 98, 146, 0.16); + color: #F06292; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #F06292; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(240, 98, 146, 0.04); + color: #F06292; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(240, 98, 146, 0.16); + color: #F06292; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #62f0c1; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(98, 240, 193, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(98, 240, 193, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #62f0c1; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(98, 240, 193, 0.04); + color: #62f0c1; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(98, 240, 193, 0.16); + color: #62f0c1; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #62f0c1; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(98, 240, 193, 0.04); + border-color: transparent; + color: #62f0c1; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(98, 240, 193, 0.16); + border-color: transparent; + color: #62f0c1; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #F06292; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(240, 98, 146, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(240, 98, 146, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #62f0c1; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(98, 240, 193, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #F06292; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #F06292; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #F06292; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #F06292; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(240, 98, 146, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #F06292; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(244, 145, 178, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(240, 98, 146, 0.16); + border: 1px solid rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #F06292; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(240, 98, 146, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(240, 98, 146, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(234, 36, 103, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(234, 36, 103, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(240, 98, 146, 0.16); + border-color: rgba(240, 98, 146, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #F06292; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #F06292; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #F06292; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(240, 98, 146, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(240, 98, 146, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #F06292; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(240, 98, 146, 0.16); + color: #F06292; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #F06292; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #F06292; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #F06292; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #F06292; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #F06292; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(240, 98, 146, 0.16); + color: #F06292; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #F06292; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #F06292; + background: rgba(240, 98, 146, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #F06292; + background: #F06292; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #F06292; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #F06292; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #F06292; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(240, 98, 146, 0.16); + color: #F06292; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(240, 98, 146, 0.16); + color: #F06292; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(240, 98, 146, 0.16); + color: #F06292; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #F06292; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #62f0c1; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(98, 240, 193, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(98, 240, 193, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #62f0c1; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(98, 240, 193, 0.04); + color: #62f0c1; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(98, 240, 193, 0.16); + color: #62f0c1; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #62f0c1; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(98, 240, 193, 0.04); + border-color: transparent; + color: #62f0c1; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(98, 240, 193, 0.16); + border-color: transparent; + color: #62f0c1; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(240, 98, 146, 0.16); + color: #F06292; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #F06292; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #F06292; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #F06292; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(240, 98, 146, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #F06292; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(240, 98, 146, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #F06292; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(240, 98, 146, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(240, 98, 146, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #F06292; + background: #212121; + color: #F06292; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #F06292; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #F06292; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #F06292; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #F06292; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #F06292; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #F06292; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(240, 98, 146, 0.16); + color: #F06292; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #F06292; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(240, 98, 146, 0.16); + color: #F06292; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #F06292; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #F06292; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #F06292; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #F06292; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #F06292; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #F06292; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #F06292; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(240, 98, 146, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #F06292; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(240, 98, 146, 0.16); + color: #F06292; + border-color: rgba(240, 98, 146, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(240, 98, 146, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #F06292; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #F06292; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #F06292; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #F06292; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #F06292; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #F06292; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #F06292; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #62f0c1; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(240, 98, 146, 0.16); + color: #F06292; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #F06292; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(240, 98, 146, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #F06292; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #62f0c1; +} +body .ui-scrolltop:hover { + background: rgba(98, 240, 193, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #F06292; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #F06292; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(240, 98, 146, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(240, 98, 146, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #F06292; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(240, 98, 146, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #F06292; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #F06292; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #F06292; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #F06292; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #F06292; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #F06292; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(240, 98, 146, 0.16); + color: #F06292; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(240, 98, 146, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(240, 98, 146, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(240, 98, 146, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(240, 98, 146, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(240, 98, 146, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(240, 98, 146, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(98, 240, 193, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(98, 240, 193, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(98, 240, 193, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(98, 240, 193, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #F06292, inset 0 0 0 1px #F06292, inset 0 0 0 1px #F06292, inset 0 0 0 1px #F06292; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #F06292, #F06292), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #F06292, #F06292), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #F06292; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #F06292; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(240, 98, 146, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(240, 98, 146, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #F06292, #F06292), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #F06292, #F06292), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #F06292, inset 0 0 0 1px #F06292, inset 0 0 0 1px #F06292, inset 0 0 0 1px #F06292; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #F06292; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #F06292, inset 0 0 0 1px #F06292, inset 0 0 0 1px #F06292, inset 0 0 0 1px #F06292; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #F06292, #F06292), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #F06292, #F06292), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #F06292, #F06292), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(240, 98, 146, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(240, 98, 146, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(240, 98, 146, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #F06292, #F06292), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #F06292, #F06292), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #F06292, inset 0 0 0 1px #F06292, inset 0 0 0 1px #F06292, inset 0 0 0 1px #F06292; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #F06292, #F06292), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #F06292, #F06292), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(98, 240, 193, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #F06292; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(240, 98, 146, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(240, 98, 146, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(240, 98, 146, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(240, 98, 146, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(240, 98, 146, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-pink-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-pink-dark/theme.scss new file mode 100644 index 0000000..a95cfff --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-pink-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#F06292; +$primaryLightestColor: #FCE4EC; +$primaryTextColor:#212121; +$accentColor:#62f0c1; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-pink/theme.css b/src/main/resources/resources/primefaces-ultima-pink/theme.css new file mode 100644 index 0000000..f178a6b --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-pink/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#E91E63; + --primary-dark-color:#E91E63; + --primary-lightest-color:#FCE4EC; + --primary-color-text:#ffffff; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fef4f7; + --primary-100:#fac9da; + --primary-200:#f69ebc; + --primary-300:#f1749e; + --primary-400:#ed4981; + --primary-500:#e91e63; + --primary-600:#c61a54; + --primary-700:#a31545; + --primary-800:#801136; + --primary-900:#5d0c28; +} + +body .ui-button { + background: #E91E63; + color: #ffffff; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(233, 30, 99, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(233, 30, 99, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #E91E63; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(233, 30, 99, 0.04); + color: #E91E63; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(233, 30, 99, 0.16); + color: #E91E63; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #E91E63; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(233, 30, 99, 0.04); + color: #E91E63; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(233, 30, 99, 0.16); + color: #E91E63; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #1ee9a5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(30, 233, 165, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(30, 233, 165, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #1ee9a5; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(30, 233, 165, 0.04); + color: #1ee9a5; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(30, 233, 165, 0.16); + color: #1ee9a5; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #1ee9a5; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(30, 233, 165, 0.04); + border-color: transparent; + color: #1ee9a5; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(30, 233, 165, 0.16); + border-color: transparent; + color: #1ee9a5; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #E91E63; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(233, 30, 99, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(233, 30, 99, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #1ee9a5; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(30, 233, 165, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #E91E63; + color: #ffffff; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #E91E63; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #E91E63; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #E91E63; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(233, 30, 99, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #E91E63; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(238, 76, 131, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(233, 30, 99, 0.12); + border: 1px solid rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #E91E63; + color: #ffffff; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(233, 30, 99, 0.92); + border-color: transparent; + color: #ffffff; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(233, 30, 99, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(192, 19, 78, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(192, 19, 78, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(233, 30, 99, 0.12); + border-color: rgba(233, 30, 99, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #E91E63; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #E91E63; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #E91E63; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(233, 30, 99, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(233, 30, 99, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #E91E63; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #E91E63; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #E91E63; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #E91E63; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #E91E63; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #E91E63; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(233, 30, 99, 0.12); + color: #E91E63; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #E91E63; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #E91E63; + background: rgba(233, 30, 99, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #E91E63; + background: #E91E63; + color: #ffffff; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #E91E63; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #E91E63; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #E91E63; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(233, 30, 99, 0.12); + color: #E91E63; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #E91E63; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1ee9a5; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(30, 233, 165, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(30, 233, 165, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #1ee9a5; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(30, 233, 165, 0.04); + color: #1ee9a5; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(30, 233, 165, 0.16); + color: #1ee9a5; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #1ee9a5; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(30, 233, 165, 0.04); + border-color: transparent; + color: #1ee9a5; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(30, 233, 165, 0.16); + border-color: transparent; + color: #1ee9a5; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #E91E63; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #E91E63; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #E91E63; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(233, 30, 99, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #E91E63; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(233, 30, 99, 0.68); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #E91E63; + color: #ffffff; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(233, 30, 99, 0.92); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(233, 30, 99, 0.68); + border-color: transparent; + color: #ffffff; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #E91E63; + background: #ffffff; + color: #E91E63; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #E91E63; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #E91E63; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #E91E63; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #E91E63; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #E91E63; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #E91E63; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(233, 30, 99, 0.12); + color: #E91E63; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #E91E63; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #E91E63; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #E91E63; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #E91E63; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #E91E63; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #E91E63; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #E91E63; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #E91E63; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #ffffff; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(233, 30, 99, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #E91E63; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; + border-color: rgba(233, 30, 99, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(233, 30, 99, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #E91E63; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #E91E63; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #E91E63; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #E91E63; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #E91E63; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #E91E63; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #E91E63; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #1ee9a5; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(233, 30, 99, 0.12); + color: #E91E63; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #E91E63; + color: #ffffff; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(233, 30, 99, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #E91E63; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #1ee9a5; +} +body .ui-scrolltop:hover { + background: rgba(30, 233, 165, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #E91E63; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #E91E63; + color: #ffffff; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(233, 30, 99, 0.92); + color: #ffffff; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(233, 30, 99, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #E91E63; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(233, 30, 99, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #E91E63; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #E91E63; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #E91E63; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #E91E63; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #E91E63; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #E91E63; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(233, 30, 99, 0.12); + color: #E91E63; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(233, 30, 99, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(233, 30, 99, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(233, 30, 99, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(233, 30, 99, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(233, 30, 99, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(233, 30, 99, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(30, 233, 165, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(30, 233, 165, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(30, 233, 165, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(30, 233, 165, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #E91E63, inset 0 0 0 1px #E91E63, inset 0 0 0 1px #E91E63, inset 0 0 0 1px #E91E63; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #E91E63, #E91E63), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #E91E63, #E91E63), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #E91E63; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #E91E63; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(233, 30, 99, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(233, 30, 99, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #E91E63, #E91E63), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #E91E63, #E91E63), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #E91E63, inset 0 0 0 1px #E91E63, inset 0 0 0 1px #E91E63, inset 0 0 0 1px #E91E63; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #E91E63; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #E91E63, inset 0 0 0 1px #E91E63, inset 0 0 0 1px #E91E63, inset 0 0 0 1px #E91E63; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #E91E63, #E91E63), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #E91E63, #E91E63), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #E91E63, #E91E63), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(233, 30, 99, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(233, 30, 99, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(233, 30, 99, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #E91E63, #E91E63), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #E91E63, #E91E63), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #E91E63, inset 0 0 0 1px #E91E63, inset 0 0 0 1px #E91E63, inset 0 0 0 1px #E91E63; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #E91E63, #E91E63), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #E91E63, #E91E63), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(30, 233, 165, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #E91E63; + color: #ffffff; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(233, 30, 99, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(233, 30, 99, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(233, 30, 99, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(233, 30, 99, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(233, 30, 99, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-pink/theme.scss b/src/main/resources/resources/primefaces-ultima-pink/theme.scss new file mode 100644 index 0000000..8dbc815 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-pink/theme.scss @@ -0,0 +1,8 @@ +$primaryColor:#E91E63; +$primaryLightestColor: #FCE4EC; +$primaryDarkColor: $primaryColor; +$primaryTextColor:#ffffff; +$accentColor:#1ee9a5; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-light/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-purple-dark/theme.css b/src/main/resources/resources/primefaces-ultima-purple-dark/theme.css new file mode 100644 index 0000000..dff086e --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-purple-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#BA68C8; + --primary-lightest-color:#F3E5F5; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fcf7fc; + --primary-100:#eedbf2; + --primary-200:#e1bee7; + --primary-300:#d4a1dd; + --primary-400:#c785d2; + --primary-500:#ba68c8; + --primary-600:#9e58aa; + --primary-700:#82498c; + --primary-800:#66396e; + --primary-900:#4a2a50; +} + +body .ui-button { + background: #BA68C8; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(186, 104, 200, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(186, 104, 200, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #BA68C8; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(186, 104, 200, 0.04); + color: #BA68C8; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #BA68C8; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(186, 104, 200, 0.04); + color: #BA68C8; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #76c868; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(118, 200, 104, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(118, 200, 104, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #76c868; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(118, 200, 104, 0.04); + color: #76c868; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(118, 200, 104, 0.16); + color: #76c868; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #76c868; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(118, 200, 104, 0.04); + border-color: transparent; + color: #76c868; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(118, 200, 104, 0.16); + border-color: transparent; + color: #76c868; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #BA68C8; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(186, 104, 200, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(186, 104, 200, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #76c868; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(118, 200, 104, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #BA68C8; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #BA68C8; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #BA68C8; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #BA68C8; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(186, 104, 200, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #BA68C8; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(203, 141, 214, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(186, 104, 200, 0.16); + border: 1px solid rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #BA68C8; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(186, 104, 200, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(186, 104, 200, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(162, 65, 178, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(162, 65, 178, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(186, 104, 200, 0.16); + border-color: rgba(186, 104, 200, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #BA68C8; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #BA68C8; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #BA68C8; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(186, 104, 200, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(186, 104, 200, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #BA68C8; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #BA68C8; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #BA68C8; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #BA68C8; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #BA68C8; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #BA68C8; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #BA68C8; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #BA68C8; + background: rgba(186, 104, 200, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #BA68C8; + background: #BA68C8; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #BA68C8; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #BA68C8; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #BA68C8; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #BA68C8; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #76c868; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(118, 200, 104, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(118, 200, 104, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #76c868; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(118, 200, 104, 0.04); + color: #76c868; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(118, 200, 104, 0.16); + color: #76c868; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #76c868; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(118, 200, 104, 0.04); + border-color: transparent; + color: #76c868; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(118, 200, 104, 0.16); + border-color: transparent; + color: #76c868; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #BA68C8; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #BA68C8; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #BA68C8; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(186, 104, 200, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #BA68C8; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(186, 104, 200, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #BA68C8; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(186, 104, 200, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(186, 104, 200, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #BA68C8; + background: #212121; + color: #BA68C8; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #BA68C8; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #BA68C8; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #BA68C8; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #BA68C8; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #BA68C8; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #BA68C8; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #BA68C8; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #BA68C8; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #BA68C8; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #BA68C8; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #BA68C8; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #BA68C8; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #BA68C8; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #BA68C8; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(186, 104, 200, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #BA68C8; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border-color: rgba(186, 104, 200, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(186, 104, 200, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #BA68C8; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #BA68C8; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #BA68C8; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #BA68C8; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #BA68C8; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #BA68C8; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #BA68C8; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #76c868; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(186, 104, 200, 0.16); + color: #BA68C8; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #BA68C8; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(186, 104, 200, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #BA68C8; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #76c868; +} +body .ui-scrolltop:hover { + background: rgba(118, 200, 104, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #BA68C8; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #BA68C8; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(186, 104, 200, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(186, 104, 200, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #BA68C8; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(186, 104, 200, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #BA68C8; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #BA68C8; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #BA68C8; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #BA68C8; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #BA68C8; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #BA68C8; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(186, 104, 200, 0.16); + color: #BA68C8; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(186, 104, 200, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(186, 104, 200, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(186, 104, 200, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(186, 104, 200, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(186, 104, 200, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(186, 104, 200, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(118, 200, 104, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(118, 200, 104, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(118, 200, 104, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(118, 200, 104, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #BA68C8, inset 0 0 0 1px #BA68C8, inset 0 0 0 1px #BA68C8, inset 0 0 0 1px #BA68C8; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #BA68C8, #BA68C8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #BA68C8, #BA68C8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #BA68C8; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #BA68C8; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(186, 104, 200, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(186, 104, 200, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #BA68C8, #BA68C8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #BA68C8, #BA68C8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #BA68C8, inset 0 0 0 1px #BA68C8, inset 0 0 0 1px #BA68C8, inset 0 0 0 1px #BA68C8; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #BA68C8; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #BA68C8, inset 0 0 0 1px #BA68C8, inset 0 0 0 1px #BA68C8, inset 0 0 0 1px #BA68C8; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #BA68C8, #BA68C8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #BA68C8, #BA68C8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #BA68C8, #BA68C8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(186, 104, 200, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(186, 104, 200, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(186, 104, 200, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #BA68C8, #BA68C8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #BA68C8, #BA68C8), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #BA68C8, inset 0 0 0 1px #BA68C8, inset 0 0 0 1px #BA68C8, inset 0 0 0 1px #BA68C8; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #BA68C8, #BA68C8), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #BA68C8, #BA68C8), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(118, 200, 104, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #BA68C8; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(186, 104, 200, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(186, 104, 200, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(186, 104, 200, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(186, 104, 200, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(186, 104, 200, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-purple-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-purple-dark/theme.scss new file mode 100644 index 0000000..f2219f8 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-purple-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#BA68C8; +$primaryLightestColor: #F3E5F5; +$primaryTextColor:#212121; +$accentColor:#76c868; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-purple/theme.css b/src/main/resources/resources/primefaces-ultima-purple/theme.css new file mode 100644 index 0000000..afeb4b8 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-purple/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#9C27B0; + --primary-dark-color:#9C27B0; + --primary-lightest-color:#F3E5F5; + --primary-color-text:#ffffff; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#faf4fb; + --primary-100:#e7cbec; + --primary-200:#d4a2dd; + --primary-300:#c279ce; + --primary-400:#af50bf; + --primary-500:#9c27b0; + --primary-600:#852196; + --primary-700:#6d1b7b; + --primary-800:#561561; + --primary-900:#3e1046; +} + +body .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(156, 39, 176, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #3cb027; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(60, 176, 39, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(60, 176, 39, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #3cb027; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(60, 176, 39, 0.04); + color: #3cb027; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(60, 176, 39, 0.16); + color: #3cb027; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #3cb027; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(60, 176, 39, 0.04); + border-color: transparent; + color: #3cb027; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(60, 176, 39, 0.16); + border-color: transparent; + color: #3cb027; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #9C27B0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(156, 39, 176, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(156, 39, 176, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #3cb027; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(60, 176, 39, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #9C27B0; + color: #ffffff; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #9C27B0; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #9C27B0; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #9C27B0; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(156, 39, 176, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #9C27B0; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(188, 55, 211, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(156, 39, 176, 0.12); + border: 1px solid rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(156, 39, 176, 0.92); + border-color: transparent; + color: #ffffff; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(156, 39, 176, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(125, 31, 141, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(125, 31, 141, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(156, 39, 176, 0.12); + border-color: rgba(156, 39, 176, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #9C27B0; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #9C27B0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #9C27B0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(156, 39, 176, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(156, 39, 176, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #9C27B0; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #9C27B0; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #9C27B0; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #9C27B0; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #9C27B0; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #9C27B0; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #9C27B0; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #9C27B0; + background: rgba(156, 39, 176, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #9C27B0; + background: #9C27B0; + color: #ffffff; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #9C27B0; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #9C27B0; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #9C27B0; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #9C27B0; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #3cb027; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(60, 176, 39, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(60, 176, 39, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #3cb027; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(60, 176, 39, 0.04); + color: #3cb027; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(60, 176, 39, 0.16); + color: #3cb027; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #3cb027; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(60, 176, 39, 0.04); + border-color: transparent; + color: #3cb027; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(60, 176, 39, 0.16); + border-color: transparent; + color: #3cb027; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #9C27B0; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #9C27B0; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #9C27B0; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(156, 39, 176, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #9C27B0; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(156, 39, 176, 0.68); + border-color: transparent; + color: #ffffff; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #9C27B0; + background: #ffffff; + color: #9C27B0; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #9C27B0; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #9C27B0; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #9C27B0; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #9C27B0; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #9C27B0; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #9C27B0; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #9C27B0; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #9C27B0; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #9C27B0; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #9C27B0; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #9C27B0; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #9C27B0; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #9C27B0; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #9C27B0; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #ffffff; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(156, 39, 176, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #9C27B0; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; + border-color: rgba(156, 39, 176, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #9C27B0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #9C27B0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #9C27B0; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #9C27B0; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #9C27B0; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #9C27B0; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #9C27B0; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #3cb027; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(156, 39, 176, 0.12); + color: #9C27B0; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #9C27B0; + color: #ffffff; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(156, 39, 176, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #9C27B0; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #3cb027; +} +body .ui-scrolltop:hover { + background: rgba(60, 176, 39, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #9C27B0; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #9C27B0; + color: #ffffff; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(156, 39, 176, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #9C27B0; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(156, 39, 176, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #9C27B0; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #9C27B0; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #9C27B0; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #9C27B0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #9C27B0; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #9C27B0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(156, 39, 176, 0.12); + color: #9C27B0; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(60, 176, 39, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(60, 176, 39, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(60, 176, 39, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(60, 176, 39, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #9C27B0, inset 0 0 0 1px #9C27B0, inset 0 0 0 1px #9C27B0, inset 0 0 0 1px #9C27B0; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #9C27B0, #9C27B0), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #9C27B0, #9C27B0), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #9C27B0; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #9C27B0; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(156, 39, 176, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(156, 39, 176, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #9C27B0, #9C27B0), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #9C27B0, #9C27B0), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #9C27B0, inset 0 0 0 1px #9C27B0, inset 0 0 0 1px #9C27B0, inset 0 0 0 1px #9C27B0; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #9C27B0; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #9C27B0, inset 0 0 0 1px #9C27B0, inset 0 0 0 1px #9C27B0, inset 0 0 0 1px #9C27B0; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #9C27B0, #9C27B0), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #9C27B0, #9C27B0), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #9C27B0, #9C27B0), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(156, 39, 176, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(156, 39, 176, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #9C27B0, #9C27B0), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #9C27B0, #9C27B0), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #9C27B0, inset 0 0 0 1px #9C27B0, inset 0 0 0 1px #9C27B0, inset 0 0 0 1px #9C27B0; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #9C27B0, #9C27B0), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #9C27B0, #9C27B0), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(60, 176, 39, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #9C27B0; + color: #ffffff; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(156, 39, 176, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(156, 39, 176, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(156, 39, 176, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(156, 39, 176, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(156, 39, 176, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-purple/theme.scss b/src/main/resources/resources/primefaces-ultima-purple/theme.scss new file mode 100644 index 0000000..c1af375 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-purple/theme.scss @@ -0,0 +1,8 @@ +$primaryColor:#9C27B0; +$primaryLightestColor: #F3E5F5; +$primaryDarkColor: $primaryColor; +$primaryTextColor:#ffffff; +$accentColor:#3cb027; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-light/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-teal-dark/theme.css b/src/main/resources/resources/primefaces-ultima-teal-dark/theme.css new file mode 100644 index 0000000..1313e7e --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-teal-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#4DB6AC; + --primary-lightest-color:#E0F2F1; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f6fbfb; + --primary-100:#d4edeb; + --primary-200:#b2e0db; + --primary-300:#91d2cc; + --primary-400:#6fc4bc; + --primary-500:#4db6ac; + --primary-600:#419b92; + --primary-700:#367f78; + --primary-800:#2a645f; + --primary-900:#1f4945; +} + +body .ui-button { + background: #4DB6AC; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(77, 182, 172, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(77, 182, 172, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #4DB6AC; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(77, 182, 172, 0.04); + color: #4DB6AC; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #4DB6AC; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(77, 182, 172, 0.04); + color: #4DB6AC; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #b64d57; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(182, 77, 87, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(182, 77, 87, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #b64d57; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(182, 77, 87, 0.04); + color: #b64d57; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(182, 77, 87, 0.16); + color: #b64d57; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #b64d57; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(182, 77, 87, 0.04); + border-color: transparent; + color: #b64d57; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(182, 77, 87, 0.16); + border-color: transparent; + color: #b64d57; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #4DB6AC; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(77, 182, 172, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(77, 182, 172, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #b64d57; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(182, 77, 87, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #4DB6AC; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #4DB6AC; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #4DB6AC; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #4DB6AC; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(77, 182, 172, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #4DB6AC; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(113, 197, 189, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(77, 182, 172, 0.16); + border: 1px solid rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #4DB6AC; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(77, 182, 172, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(77, 182, 172, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(60, 147, 139, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(60, 147, 139, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(77, 182, 172, 0.16); + border-color: rgba(77, 182, 172, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #4DB6AC; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #4DB6AC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #4DB6AC; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(77, 182, 172, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(77, 182, 172, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #4DB6AC; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #4DB6AC; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #4DB6AC; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #4DB6AC; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #4DB6AC; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #4DB6AC; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #4DB6AC; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #4DB6AC; + background: rgba(77, 182, 172, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #4DB6AC; + background: #4DB6AC; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #4DB6AC; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #4DB6AC; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #4DB6AC; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #4DB6AC; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #b64d57; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(182, 77, 87, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(182, 77, 87, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #b64d57; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(182, 77, 87, 0.04); + color: #b64d57; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(182, 77, 87, 0.16); + color: #b64d57; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #b64d57; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(182, 77, 87, 0.04); + border-color: transparent; + color: #b64d57; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(182, 77, 87, 0.16); + border-color: transparent; + color: #b64d57; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #4DB6AC; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #4DB6AC; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #4DB6AC; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(77, 182, 172, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #4DB6AC; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(77, 182, 172, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #4DB6AC; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(77, 182, 172, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(77, 182, 172, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #4DB6AC; + background: #212121; + color: #4DB6AC; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #4DB6AC; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #4DB6AC; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #4DB6AC; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #4DB6AC; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #4DB6AC; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #4DB6AC; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #4DB6AC; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #4DB6AC; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #4DB6AC; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #4DB6AC; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #4DB6AC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #4DB6AC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #4DB6AC; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #4DB6AC; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(77, 182, 172, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #4DB6AC; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; + border-color: rgba(77, 182, 172, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(77, 182, 172, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #4DB6AC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #4DB6AC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #4DB6AC; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #4DB6AC; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #4DB6AC; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #4DB6AC; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #4DB6AC; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #b64d57; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(77, 182, 172, 0.16); + color: #4DB6AC; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #4DB6AC; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(77, 182, 172, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #4DB6AC; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #b64d57; +} +body .ui-scrolltop:hover { + background: rgba(182, 77, 87, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #4DB6AC; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #4DB6AC; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(77, 182, 172, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(77, 182, 172, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #4DB6AC; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(77, 182, 172, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #4DB6AC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #4DB6AC; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4DB6AC; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4DB6AC; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4DB6AC; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #4DB6AC; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(77, 182, 172, 0.16); + color: #4DB6AC; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(77, 182, 172, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(77, 182, 172, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(77, 182, 172, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(77, 182, 172, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(77, 182, 172, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(77, 182, 172, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(182, 77, 87, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(182, 77, 87, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(182, 77, 87, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(182, 77, 87, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #4DB6AC, inset 0 0 0 1px #4DB6AC, inset 0 0 0 1px #4DB6AC, inset 0 0 0 1px #4DB6AC; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4DB6AC, #4DB6AC), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #4DB6AC, #4DB6AC), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #4DB6AC; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #4DB6AC; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(77, 182, 172, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(77, 182, 172, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4DB6AC, #4DB6AC), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #4DB6AC, #4DB6AC), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #4DB6AC, inset 0 0 0 1px #4DB6AC, inset 0 0 0 1px #4DB6AC, inset 0 0 0 1px #4DB6AC; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #4DB6AC; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #4DB6AC, inset 0 0 0 1px #4DB6AC, inset 0 0 0 1px #4DB6AC, inset 0 0 0 1px #4DB6AC; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4DB6AC, #4DB6AC), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #4DB6AC, #4DB6AC), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4DB6AC, #4DB6AC), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(77, 182, 172, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(77, 182, 172, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(77, 182, 172, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4DB6AC, #4DB6AC), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #4DB6AC, #4DB6AC), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #4DB6AC, inset 0 0 0 1px #4DB6AC, inset 0 0 0 1px #4DB6AC, inset 0 0 0 1px #4DB6AC; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #4DB6AC, #4DB6AC), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #4DB6AC, #4DB6AC), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(182, 77, 87, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #4DB6AC; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(77, 182, 172, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(77, 182, 172, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(77, 182, 172, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(77, 182, 172, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(77, 182, 172, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-teal-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-teal-dark/theme.scss new file mode 100644 index 0000000..f5ff354 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-teal-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#4DB6AC; +$primaryLightestColor: #E0F2F1; +$primaryTextColor:#212121; +$accentColor:#b64d57; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-teal/theme.css b/src/main/resources/resources/primefaces-ultima-teal/theme.css new file mode 100644 index 0000000..e2d418d --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-teal/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#009688; + --primary-dark-color:#009688; + --primary-lightest-color:#E0F2F1; + --primary-color-text:#ffffff; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#f2faf9; + --primary-100:#c2e6e2; + --primary-200:#91d2cc; + --primary-300:#61beb5; + --primary-400:#30aa9f; + --primary-500:#009688; + --primary-600:#008074; + --primary-700:#00695f; + --primary-800:#00534b; + --primary-900:#003c36; +} + +body .ui-button { + background: #009688; + color: #ffffff; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(0, 150, 136, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(0, 150, 136, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #009688; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(0, 150, 136, 0.04); + color: #009688; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(0, 150, 136, 0.16); + color: #009688; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #009688; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(0, 150, 136, 0.04); + color: #009688; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(0, 150, 136, 0.16); + color: #009688; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #96000f; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(150, 0, 15, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(150, 0, 15, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #96000f; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(150, 0, 15, 0.04); + color: #96000f; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(150, 0, 15, 0.16); + color: #96000f; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #96000f; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(150, 0, 15, 0.04); + border-color: transparent; + color: #96000f; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(150, 0, 15, 0.16); + border-color: transparent; + color: #96000f; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #009688; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(0, 150, 136, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(0, 150, 136, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #96000f; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(150, 0, 15, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #009688; + color: #ffffff; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #009688; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #009688; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #009688; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(0, 150, 136, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #009688; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(0, 201, 182, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(0, 150, 136, 0.12); + border: 1px solid rgba(0, 150, 136, 0.12); + color: #009688; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #009688; + color: #ffffff; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(0, 150, 136, 0.92); + border-color: transparent; + color: #ffffff; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(0, 150, 136, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(0, 120, 109, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(0, 120, 109, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(0, 150, 136, 0.12); + border-color: rgba(0, 150, 136, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #009688; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #009688; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #009688; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(0, 150, 136, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(0, 150, 136, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #ffffff; + background: #009688; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(0, 150, 136, 0.12); + color: #009688; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #009688; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #009688; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #009688; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #009688; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #009688; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(0, 150, 136, 0.12); + color: #009688; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #009688; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #009688; + background: rgba(0, 150, 136, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #009688; + background: #009688; + color: #ffffff; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #009688; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #009688; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #009688; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(0, 150, 136, 0.12); + color: #009688; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(0, 150, 136, 0.12); + color: #009688; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(0, 150, 136, 0.12); + color: #009688; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #009688; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #96000f; + color: #ffffff; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(150, 0, 15, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(150, 0, 15, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #96000f; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(150, 0, 15, 0.04); + color: #96000f; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(150, 0, 15, 0.16); + color: #96000f; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #96000f; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(150, 0, 15, 0.04); + border-color: transparent; + color: #96000f; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(150, 0, 15, 0.16); + border-color: transparent; + color: #96000f; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(0, 150, 136, 0.12); + color: #009688; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #009688; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #009688; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #009688; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(0, 150, 136, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #009688; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(0, 150, 136, 0.68); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #009688; + color: #ffffff; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(0, 150, 136, 0.92); + border-color: transparent; + color: #ffffff; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(0, 150, 136, 0.68); + border-color: transparent; + color: #ffffff; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #009688; + background: #ffffff; + color: #009688; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #009688; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #ffffff; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #009688; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #009688; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #009688; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #009688; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #009688; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(0, 150, 136, 0.12); + color: #009688; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #009688; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(0, 150, 136, 0.12); + color: #009688; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #009688; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #009688; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #009688; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #009688; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #009688; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #009688; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #009688; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #ffffff; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(0, 150, 136, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #009688; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(0, 150, 136, 0.12); + color: #009688; + border-color: rgba(0, 150, 136, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(0, 150, 136, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #009688; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #009688; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #009688; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #009688; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #009688; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #009688; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #009688; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #96000f; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(0, 150, 136, 0.12); + color: #009688; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #009688; + color: #ffffff; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(0, 150, 136, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #009688; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #96000f; +} +body .ui-scrolltop:hover { + background: rgba(150, 0, 15, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #009688; + color: #ffffff; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #009688; + color: #ffffff; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(0, 150, 136, 0.92); + color: #ffffff; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(0, 150, 136, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #009688; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(0, 150, 136, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #009688; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #009688; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #009688; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #009688; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #009688; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #009688; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(0, 150, 136, 0.12); + color: #009688; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(0, 150, 136, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(0, 150, 136, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(0, 150, 136, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(0, 150, 136, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(0, 150, 136, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(0, 150, 136, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(150, 0, 15, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(150, 0, 15, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(150, 0, 15, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(150, 0, 15, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #009688, inset 0 0 0 1px #009688, inset 0 0 0 1px #009688, inset 0 0 0 1px #009688; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #009688, #009688), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #009688, #009688), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #009688; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #009688; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 150, 136, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 150, 136, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #ffffff; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #ffffff; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #009688, #009688), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #009688, #009688), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #009688, inset 0 0 0 1px #009688, inset 0 0 0 1px #009688, inset 0 0 0 1px #009688; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #009688; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #009688, inset 0 0 0 1px #009688, inset 0 0 0 1px #009688, inset 0 0 0 1px #009688; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #009688, #009688), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #009688, #009688), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #009688, #009688), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(0, 150, 136, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 150, 136, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(0, 150, 136, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #009688, #009688), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #009688, #009688), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #009688, inset 0 0 0 1px #009688, inset 0 0 0 1px #009688, inset 0 0 0 1px #009688; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #009688, #009688), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #009688, #009688), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(150, 0, 15, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #009688; + color: #ffffff; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(0, 150, 136, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(0, 150, 136, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(0, 150, 136, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 150, 136, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 150, 136, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-teal/theme.scss b/src/main/resources/resources/primefaces-ultima-teal/theme.scss new file mode 100644 index 0000000..d9ff7c0 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-teal/theme.scss @@ -0,0 +1,8 @@ +$primaryColor:#009688; +$primaryLightestColor: #E0F2F1; +$primaryDarkColor: $primaryColor; +$primaryTextColor:#ffffff; +$accentColor:#96000f; +$accentTextColor:#ffffff; + +@import '../layout/styles/theme/theme-light/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-yellow-dark/theme.css b/src/main/resources/resources/primefaces-ultima-yellow-dark/theme.css new file mode 100644 index 0000000..8eccf5d --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-yellow-dark/theme.css @@ -0,0 +1,8886 @@ +:root { + --surface-a:#1e1e1e; + --surface-b:#121212; + --surface-c:hsla(0,0%,100%,.04); + --surface-d:hsla(0,0%,100%,.12); + --surface-e:#1e1e1e; + --surface-f:#262626; + --text-color:rgba(255, 255, 255, 0.87); + --text-color-secondary:rgba(255, 255, 255, 0.6); + --primary-color:#FFF176; + --primary-lightest-color:#FFFDE7; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #121212; + --surface-50: #2a2a2a; + --surface-100: #414141; + --surface-200: #595959; + --surface-300: #717171; + --surface-400: #898989; + --surface-500: #a0a0a0; + --surface-600: #b8b8b8; + --surface-700: #d0d0d0; + --surface-800: #e7e7e7; + --surface-900: #ffffff; + --gray-50: #e7e7e7; + --gray-100: #d0d0d0; + --gray-200: #b8b8b8; + --gray-300: #a0a0a0; + --gray-400: #898989; + --gray-500: #717171; + --gray-600: #595959; + --gray-700: #414141; + --gray-800: #2a2a2a; + --gray-900: #121212; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#121212; + --surface-section:#121212; + --surface-card:#1e1e1e; + --surface-overlay:#262626; + --surface-border:hsla(0,0%,100%,.12); + --surface-hover:hsla(0,0%,100%,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: dark; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fffef8; + --primary-100:#fffcde; + --primary-200:#fff9c4; + --primary-300:#fff6aa; + --primary-400:#fff490; + --primary-500:#fff176; + --primary-600:#d9cd64; + --primary-700:#b3a953; + --primary-800:#8c8541; + --primary-900:#66602f; +} + +body .ui-button { + background: #FFF176; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(255, 241, 118, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(255, 241, 118, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF176; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 241, 118, 0.04); + color: #FFF176; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(255, 255, 255, 0.6); + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF176; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 241, 118, 0.04); + color: #FFF176; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(255, 255, 255, 0.16); + color: rgba(255, 255, 255, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #2f2f2f; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #373737; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #262626; + border-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #7684ff; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(118, 132, 255, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(118, 132, 255, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #7684ff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(118, 132, 255, 0.04); + color: #7684ff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(118, 132, 255, 0.16); + color: #7684ff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #7684ff; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(118, 132, 255, 0.04); + border-color: transparent; + color: #7684ff; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(118, 132, 255, 0.16); + border-color: transparent; + color: #7684ff; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #C5E1A5; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(197, 225, 165, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(197, 225, 165, 0.68); + color: #212121; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); + color: #C5E1A5; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #C5E1A5; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(197, 225, 165, 0.04); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(197, 225, 165, 0.16); + border-color: transparent; + color: #C5E1A5; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FFF59D; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(255, 245, 157, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(255, 245, 157, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); + color: #FFF59D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FFF59D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 245, 157, 0.04); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(255, 245, 157, 0.16); + border-color: transparent; + color: #FFF59D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #CE93D8; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(206, 147, 216, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(206, 147, 216, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); + color: #CE93D8; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #CE93D8; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(206, 147, 216, 0.04); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(206, 147, 216, 0.16); + border-color: transparent; + color: #CE93D8; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #90CAF9; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(144, 202, 249, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(144, 202, 249, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); + color: #90CAF9; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #90CAF9; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(144, 202, 249, 0.04); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(144, 202, 249, 0.16); + border-color: transparent; + color: #90CAF9; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #EF9A9A; + color: #212121; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(239, 154, 154, 0.92); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(239, 154, 154, 0.68); + color: #212121; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); + color: #EF9A9A; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #EF9A9A; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(239, 154, 154, 0.04); + border-color: transparent; + color: #EF9A9A; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(239, 154, 154, 0.16); + border-color: transparent; + color: #EF9A9A; +} +body .ui-commandlink, body .ui-link { + color: #FFF176; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(255, 241, 118, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(255, 241, 118, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #7684ff; + color: #212121; +} +body .ui-speeddial-action:hover { + background: rgba(118, 132, 255, 0.92); + color: #212121; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FFF176; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #FFF176; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #FFF176; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #FFF176; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(255, 241, 118, 0.16); +} +body .ui-datatable .ui-column-resizer-helper { + background: #FFF176; +} +body .ui-datatable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #1e1e1e; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(255, 255, 255, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #1e1e1e; +} +body .ui-columntoggler { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #404040; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: rgba(255, 255, 255, 0.12); +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(255, 246, 169, 0.16); +} +body .fc th { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc td.fc-widget-content { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-row { + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(255, 241, 118, 0.16); + border: 1px solid rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .fc .fc-divider { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); +} +body .fc .fc-toolbar .fc-button { + background: #FFF176; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(255, 241, 118, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(255, 241, 118, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(255, 233, 43, 0.16); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #1e1e1e; + border: solid #404040; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(255, 255, 255, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(255, 255, 255, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(255, 255, 255, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(255, 233, 43, 0.16); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(255, 255, 255, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} + +body .timeline-frame { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .vis-timeline { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(255, 241, 118, 0.16); + border-color: rgba(255, 241, 118, 0.16); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #FFF176; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(255, 255, 255, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #FFF176; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #FFF176; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(255, 241, 118, 0.16); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #1e1e1e; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(255, 241, 118, 0.16); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #FFF176; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #404040; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #FFF176; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #FFF176; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #FFF176; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #FFF176; +} +body .ui-treetable tfoot td { + background: #1e1e1e; + border: 1px solid #404040; + border-width: 0 0 1px 0; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #1e1e1e; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FFF176; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #404040; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 241, 118, 0.16); + color: #FFF176; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #1e1e1e; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FFF176; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(255, 255, 255, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #1e1e1e; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(255, 255, 255, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #FFF176; + background: rgba(255, 241, 118, 0.16); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFF176; + background: #FFF176; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FFF176; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #f44435; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FFF176; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FFF176; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(255, 241, 118, 0.16); + color: #FFF176; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(255, 255, 255, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #2b2b2b; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + color: rgba(255, 255, 255, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid hsla(0deg, 0%, 100%, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(255, 255, 255, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: transparent; + color: rgba(255, 255, 255, 0.87); + font-weight: 600; + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FFF176; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #7684ff; + color: #212121; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(118, 132, 255, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(118, 132, 255, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #7684ff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(118, 132, 255, 0.04); + color: #7684ff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(118, 132, 255, 0.16); + color: #7684ff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #7684ff; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(118, 132, 255, 0.04); + border-color: transparent; + color: #7684ff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(118, 132, 255, 0.16); + border-color: transparent; + color: #7684ff; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(255, 255, 255, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FFF176; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body :-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(255, 255, 255, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(255, 255, 255, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #f44435; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(255, 255, 255, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(255, 255, 255, 0.87); + background: #1e1e1e; + padding: 0.75rem 0.75rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-inputfield.ui-state-focus { + border-color: #FFF176; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #f44435; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: hsla(0deg, 0%, 100%, 0.3); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #bdbdbd; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FFF176; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(255, 241, 118, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FFF176; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #1e1e1e; + border-color: rgba(255, 255, 255, 0.87); + color: rgba(255, 255, 255, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(255, 241, 118, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FFF176; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(255, 241, 118, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(255, 241, 118, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #1e1e1e; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #2b2b2b; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-width: 2px; + background: #1e1e1e; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFF176; + background: #212121; + color: #FFF176; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFF176; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #f44435; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #f44435; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #f44435; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FFF176; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FFF176; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FFF176; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #FFF176; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FFF176; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 241, 118, 0.16); + color: #FFF176; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #1e1e1e; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #1e1e1e; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(255, 255, 255, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FFF176; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #f44435; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: hsla(0deg, 0%, 100%, 0.06); +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: hsla(0deg, 0%, 100%, 0.1); +} +body .ui-selectonemenu-panel { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #1e1e1e; + border: 1px solid #404040; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid #404040; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: hsla(0deg, 0%, 100%, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: transparent; + margin: 0; + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); +} + +body .ui-slider { + background: hsla(0deg, 0%, 100%, 0.3); +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #FFF176; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #FFF176; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #FFF176; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #1e1e1e; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(255, 255, 255, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #1e1e1e; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(255, 255, 255, 0.87); + background: hsla(0deg, 0%, 100%, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid rgba(255, 255, 255, 0.12); +} +.ui-texteditor .ql-container .ql-editor { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(255, 255, 255, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFF176; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFF176; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFF176; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFF176; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #f44435; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: hsla(0deg, 0%, 100%, 0.3); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #f44435; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #bdbdbd; + color: rgba(255, 255, 255, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(255, 241, 118, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #FFF176; +} + +body .ui-breadcrumb { + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(255, 255, 255, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(255, 255, 255, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(255, 255, 255, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(255, 255, 255, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: #1e1e1e; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(255, 255, 255, 0.6); + width: 100%; + border: 0 none; + background: transparent; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: transparent; + color: rgba(255, 255, 255, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: #1e1e1e; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #1e1e1e; + border: 1px solid rgba(255, 255, 255, 0.12); + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(255, 255, 255, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(255, 255, 255, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(255, 255, 255, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(255, 255, 255, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; + border-color: rgba(255, 241, 118, 0.16); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(255, 255, 255, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid rgba(255, 255, 255, 0.12); + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(255, 255, 255, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(255, 241, 118, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: transparent; + border-color: #FFF176; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FFF176; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FFF176; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFF176; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFF176; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFF176; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: hsla(0deg, 0%, 100%, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #1e1e1e; +} + +body .ui-badge { + background: #FFF176; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #7684ff; + color: #212121; +} +body .ui-badge.ui-badge-success { + background: #C5E1A5; + color: #212121; +} +body .ui-badge.ui-badge-info { + background: #90CAF9; + color: #212121; +} +body .ui-badge.ui-badge-warning { + background: #FFF59D; + color: #212121; +} +body .ui-badge.ui-badge-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(255, 241, 118, 0.16); + color: #FFF176; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: rgba(255, 255, 255, 0.3); + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFF176; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.3); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(255, 241, 118, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FFF176; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(255, 255, 255, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #7684ff; +} +body .ui-scrolltop:hover { + background: rgba(118, 132, 255, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #212121; +} + +body .ui-skeleton { + background-color: rgba(255, 255, 255, 0.06); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FFF176; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #C5E1A5; + color: #212121; +} +body .ui-tag.ui-tag-info { + background: #90CAF9; + color: #212121; +} +body .ui-tag.ui-tag-warning { + background: #FFF59D; + color: #212121; +} +body .ui-tag.ui-tag-danger { + background: #EF9A9A; + color: #212121; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 1px solid rgba(255, 255, 255, 0.12); + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(30, 30, 30, 0); + border-bottom-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #1e1e1e; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #262626; + color: rgba(255, 255, 255, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #262626; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #262626; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(255, 255, 255, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FFF176; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(255, 241, 118, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: #444444; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: #444444; +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: #444444; +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: #444444; +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: #444444; +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #1e1e1e; + border-color: transparent; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #f44435; + background-color: #f44435; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #f44435; + background-color: #f44435; + color: rgba(255, 255, 255, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #f44435; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(255, 255, 255, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(255, 241, 118, 0.16); +} + +body .ui-divider .ui-divider-content { + background-color: #1e1e1e; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px hsla(0deg, 0%, 100%, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: rgba(255, 255, 255, 0.12); + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #FFF176; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(255, 255, 255, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(255, 255, 255, 0.12); +} + +body .ui-splitter { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + border-radius: 4px; + color: rgba(255, 255, 255, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: hsla(0deg, 0%, 100%, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: hsla(0deg, 0%, 100%, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: transparent; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: transparent; + color: rgba(255, 255, 255, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(255, 255, 255, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(255, 241, 118, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: transparent; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FFF176; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FFF176; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #f44435; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFF176; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(255, 255, 255, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFF176; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(255, 255, 255, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFF176; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(255, 255, 255, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFF176; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #f44435; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(255, 255, 255, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.6); +} + +body .ui-toolbar { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #1e1e1e; + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(255, 241, 118, 0.16); + color: #FFF176; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #1e1e1e; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(255, 241, 118, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(255, 241, 118, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(255, 241, 118, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(255, 241, 118, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(255, 255, 255, 0.38) !important; + border-color: rgba(255, 255, 255, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(255, 241, 118, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(255, 241, 118, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(118, 132, 255, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(118, 132, 255, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(118, 132, 255, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(118, 132, 255, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(144, 202, 249, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(144, 202, 249, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(144, 202, 249, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(144, 202, 249, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(197, 225, 165, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(197, 225, 165, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(197, 225, 165, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(197, 225, 165, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(255, 245, 157, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(255, 245, 157, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(255, 245, 157, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(255, 245, 157, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(206, 147, 216, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(206, 147, 216, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(206, 147, 216, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(206, 147, 216, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(239, 154, 154, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(239, 154, 154, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(239, 154, 154, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(239, 154, 154, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FFF176, inset 0 0 0 1px #FFF176, inset 0 0 0 1px #FFF176, inset 0 0 0 1px #FFF176; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFF176, #FFF176), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FFF176, #FFF176), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #f44435; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #FFF176; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #FFF176; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 241, 118, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 241, 118, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #1e1e1e; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFF176, #FFF176), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FFF176, #FFF176), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid hsla(0deg, 0%, 100%, 0.12); + color: rgba(255, 255, 255, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgba(255, 255, 255, 0.5); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #FFF176, inset 0 0 0 1px #FFF176, inset 0 0 0 1px #FFF176, inset 0 0 0 1px #FFF176; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid hsla(0deg, 0%, 100%, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #404040; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #404040; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #1e1e1e; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #FFF176; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FFF176, inset 0 0 0 1px #FFF176, inset 0 0 0 1px #FFF176, inset 0 0 0 1px #FFF176; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #f44435; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFF176, #FFF176), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FFF176, #FFF176), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(255, 255, 255, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFF176, #FFF176), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(255, 255, 255, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid hsla(0deg, 0%, 100%, 0.7); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: hsla(0deg, 0%, 100%, 0.7); + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(255, 241, 118, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 241, 118, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #1e1e1e; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #1e1e1e; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(255, 241, 118, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(244, 68, 53, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(244, 68, 53, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: hsla(0deg, 0%, 100%, 0.3); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: rgba(255, 255, 255, 0.04); +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(255, 255, 255, 0.6); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFF176, #FFF176), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FFF176, #FFF176), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #FFF176, inset 0 0 0 1px #FFF176, inset 0 0 0 1px #FFF176, inset 0 0 0 1px #FFF176; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: hsla(0deg, 0%, 100%, 0.06) no-repeat; + background-image: linear-gradient(to bottom, #FFF176, #FFF176), linear-gradient(to bottom, hsla(0deg, 0%, 100%, 0.3), hsla(0deg, 0%, 100%, 0.3)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: hsla(0deg, 0%, 100%, 0.08); + border-color: transparent; + background-image: linear-gradient(to bottom, #FFF176, #FFF176), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: hsla(0deg, 0%, 100%, 0.1); + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #1c1c1c; + border-color: rgba(255, 255, 255, 0.12); +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #f44435; + background: #1e1e1e; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #f44435; + box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid hsla(0deg, 0%, 100%, 0.3); + background: #1e1e1e; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(118, 132, 255, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #FFF176; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(255, 241, 118, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(255, 241, 118, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(255, 241, 118, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 241, 118, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 241, 118, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(255, 255, 255, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(255, 255, 255, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #404040; + border-bottom: 1px solid #404040; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #404040; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-yellow-dark/theme.scss b/src/main/resources/resources/primefaces-ultima-yellow-dark/theme.scss new file mode 100644 index 0000000..2a2b3cd --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-yellow-dark/theme.scss @@ -0,0 +1,7 @@ +$primaryColor:#FFF176; +$primaryLightestColor: #FFFDE7; +$primaryTextColor:#212121; +$accentColor:#7684ff; +$accentTextColor:#212121; + +@import '../layout/styles/theme/theme-dark/_theme'; diff --git a/src/main/resources/resources/primefaces-ultima-yellow/theme.css b/src/main/resources/resources/primefaces-ultima-yellow/theme.css new file mode 100644 index 0000000..5287d36 --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-yellow/theme.css @@ -0,0 +1,8887 @@ +:root { + --surface-a:#ffffff; + --surface-b:#fafafa; + --surface-c:rgba(0,0,0,.04); + --surface-d:rgba(0,0,0,.12); + --surface-e:#ffffff; + --surface-f:#ffffff; + --text-color:rgba(0, 0, 0, 0.87); + --text-color-secondary:rgba(0, 0, 0, 0.6); + --primary-color:#FFEB3B; + --primary-dark-color:#F57F17; + --primary-lightest-color:#FFFDE7; + --primary-color-text:#212121; + --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + --surface-0: #ffffff; + --surface-50: #FAFAFA; + --surface-100: #F5F5F5; + --surface-200: #EEEEEE; + --surface-300: #E0E0E0; + --surface-400: #BDBDBD; + --surface-500: #9E9E9E; + --surface-600: #757575; + --surface-700: #616161; + --surface-800: #424242; + --surface-900: #212121; + --gray-50: #FAFAFA; + --gray-100: #F5F5F5; + --gray-200: #EEEEEE; + --gray-300: #E0E0E0; + --gray-400: #BDBDBD; + --gray-500: #9E9E9E; + --gray-600: #757575; + --gray-700: #616161; + --gray-800: #424242; + --gray-900: #212121; + --content-padding:1rem; + --inline-spacing:0.5rem; + --border-radius:4px; + --surface-ground:#fafafa; + --surface-section:#ffffff; + --surface-card:#ffffff; + --surface-overlay:#ffffff; + --surface-border:rgba(0,0,0,.12); + --surface-hover:rgba(0,0,0,.04); + --maskbg: rgba(0, 0, 0, 0.32); + --focus-ring: none; + color-scheme: light; +} + +/* Add your variable customizations of theme here */ +* { + box-sizing: border-box; +} + +body .ui-widget { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + text-decoration: none; +} +body .ui-icon { + font-size: 1rem; + display: inline-block; + vertical-align: baseline; + margin: 0; + position: static; + text-indent: 0; + overflow: visible; + background-repeat: no-repeat; +} +body .pi { + font-size: 1rem; +} +body .ui-widget-overlay { + -webkit-animation-name: modal-in; + animation-name: modal-in; + animation-duration: 0.4s; + animation-timing-function: cubic-bezier(0.05, 0.74, 0.2, 0.99); + animation-fill-mode: forwards; +} +body .ui-helper-reset { + line-height: normal; +} +body .ui-state-disabled { + opacity: 0.38; +} +body .ui-widget-overlay { + background: rgba(0, 0, 0, 0.32); +} +body .ui-resizable-handle { + position: absolute; +} + +:root { + --blue-50:#f4fafe; + --blue-100:#cae6fc; + --blue-200:#a0d2fa; + --blue-300:#75bef8; + --blue-400:#4baaf5; + --blue-500:#2196f3; + --blue-600:#1c80cf; + --blue-700:#1769aa; + --blue-800:#125386; + --blue-900:#0d3c61; + --green-50:#f7faf5; + --green-100:#dbe8cf; + --green-200:#bed6a9; + --green-300:#a1c384; + --green-400:#85b15e; + --green-500:#689f38; + --green-600:#588730; + --green-700:#496f27; + --green-800:#39571f; + --green-900:#2a4016; + --yellow-50:#fffcf5; + --yellow-100:#fef0cd; + --yellow-200:#fde4a5; + --yellow-300:#fdd87d; + --yellow-400:#fccc55; + --yellow-500:#fbc02d; + --yellow-600:#d5a326; + --yellow-700:#b08620; + --yellow-800:#8a6a19; + --yellow-900:#644d12; + --cyan-50:#f2fcfd; + --cyan-100:#c2eff5; + --cyan-200:#91e2ed; + --cyan-300:#61d5e4; + --cyan-400:#30c9dc; + --cyan-500:#00bcd4; + --cyan-600:#00a0b4; + --cyan-700:#008494; + --cyan-800:#006775; + --cyan-900:#004b55; + --pink-50:#fef4f7; + --pink-100:#fac9da; + --pink-200:#f69ebc; + --pink-300:#f1749e; + --pink-400:#ed4981; + --pink-500:#e91e63; + --pink-600:#c61a54; + --pink-700:#a31545; + --pink-800:#801136; + --pink-900:#5d0c28; + --indigo-50:#f6f7fc; + --indigo-100:#d5d9ef; + --indigo-200:#b3bae2; + --indigo-300:#919cd5; + --indigo-400:#707dc8; + --indigo-500:#4e5fbb; + --indigo-600:#42519f; + --indigo-700:#374383; + --indigo-800:#2b3467; + --indigo-900:#1f264b; + --teal-50:#f2faf9; + --teal-100:#c2e6e2; + --teal-200:#91d2cc; + --teal-300:#61beb5; + --teal-400:#30aa9f; + --teal-500:#009688; + --teal-600:#008074; + --teal-700:#00695f; + --teal-800:#00534b; + --teal-900:#003c36; + --orange-50:#fffaf2; + --orange-100:#ffe6c2; + --orange-200:#ffd391; + --orange-300:#ffbf61; + --orange-400:#ffac30; + --orange-500:#ff9800; + --orange-600:#d98100; + --orange-700:#b36a00; + --orange-800:#8c5400; + --orange-900:#663d00; + --bluegray-50:#f7f9f9; + --bluegray-100:#d9e0e3; + --bluegray-200:#bbc7cd; + --bluegray-300:#9caeb7; + --bluegray-400:#7e96a1; + --bluegray-500:#607d8b; + --bluegray-600:#526a76; + --bluegray-700:#435861; + --bluegray-800:#35454c; + --bluegray-900:#263238; + --purple-50:#faf4fb; + --purple-100:#e7cbec; + --purple-200:#d4a2dd; + --purple-300:#c279ce; + --purple-400:#af50bf; + --purple-500:#9c27b0; + --purple-600:#852196; + --purple-700:#6d1b7b; + --purple-800:#561561; + --purple-900:#3e1046; + --red-50:#fef6f5; + --red-100:#fcd2cf; + --red-200:#faaea9; + --red-300:#f88a82; + --red-400:#f6675c; + --red-500:#f44336; + --red-600:#cf392e; + --red-700:#ab2f26; + --red-800:#86251e; + --red-900:#621b16; + --primary-50:#fffef5; + --primary-100:#fffad0; + --primary-200:#fff6ab; + --primary-300:#fff385; + --primary-400:#ffef60; + --primary-500:#ffeb3b; + --primary-600:#d9c832; + --primary-700:#b3a529; + --primary-800:#8c8120; + --primary-900:#665e18; +} + +body .ui-button { + background: #FFEB3B; + color: #212121; + border: 0 none; + margin: 0; + outline: 0 none; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-button.ui-state-hover { + background: rgba(255, 235, 59, 0.92); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-button.ui-state-active, body .ui-button.ui-state-down { + background: rgba(255, 235, 59, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-button.ui-button-outlined { + background-color: transparent; + color: #FFEB3B; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(255, 235, 59, 0.04); + color: #FFEB3B; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-button-outlined.ui-state-down { + background: rgba(255, 235, 59, 0.16); + color: #FFEB3B; + border: 1px solid; +} +body .ui-button.ui-button-outlined.ui-button-plain { + color: rgba(0, 0, 0, 0.6); + border-color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-outlined.ui-button-plain.ui-state-active, body .ui-button.ui-button-outlined.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat { + background-color: transparent; + color: #FFEB3B; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-hover { + background: rgba(255, 235, 59, 0.04); + color: #FFEB3B; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-flat.ui-state-down { + background: rgba(255, 235, 59, 0.16); + color: #FFEB3B; + border-color: transparent; +} +body .ui-button.ui-button-flat.ui-button-plain { + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-flat.ui-button-plain.ui-state-active, body .ui-button.ui-button-flat.ui-button-plain.ui-state-down { + background: rgba(0, 0, 0, 0.16); + color: rgba(0, 0, 0, 0.6); +} +body .ui-button.ui-button-text-only .ui-button-text { + padding: 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-left .ui-button-text { + padding: 0.643rem 0.75rem 0.643rem 2.5rem; +} +body .ui-button.ui-button-text-icon-left .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + left: 0.5rem; +} +body .ui-button.ui-button-text-icon-right .ui-button-text { + padding: 0.643rem 2.5rem 0.643rem 0.75rem; +} +body .ui-button.ui-button-text-icon-right .ui-icon { + position: absolute; + top: 50%; + right: 50%; + margin-top: -0.5rem; + right: 0.5rem; +} +body .ui-button.ui-button-icon-only { + width: 2.75rem; +} +body .ui-button.ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} +body .ui-button.ui-button-icon-only .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-top: -0.5rem; + margin-left: -0.5rem; +} +body .ui-button.ui-button-raised { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-button.rounded-button { + border-radius: 2rem; +} +body .ui-button.rounded-button.ui-button-icon-only { + border-radius: 50%; + height: 2.75rem; +} +body .ui-button .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-button .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-selectbooleanbutton, +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid rgba(0, 0, 0, 0.12); + outline: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectbooleanbutton .ui-icon, +body .ui-selectonebutton > .ui-button .ui-icon, +body .ui-selectmanybutton > .ui-button .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-hover, +body .ui-selectonebutton > .ui-button.ui-state-hover, +body .ui-selectmanybutton > .ui-button.ui-state-hover { + background: #f6f6f6; + border-color: rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active, +body .ui-selectonebutton > .ui-button.ui-state-active, +body .ui-selectmanybutton > .ui-button.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover { + background: #d9d8d9; + border-color: #d9d8d9; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon, +body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonebutton > .ui-button, +body .ui-selectmanybutton > .ui-button { + border-radius: 0; +} +body .ui-selectonebutton > .ui-button:first-child, +body .ui-selectmanybutton > .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-selectonebutton > .ui-button:last-child, +body .ui-selectmanybutton > .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonebutton > .ui-button.ui-state-focus, +body .ui-selectmanybutton > .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-selectonebutton > .ui-button:not(:last-child), +body .ui-selectmanybutton > .ui-button:not(:last-child) { + border-right-width: 0; +} +@media (max-width: 640px) { + body .ui-selectonebutton > div.ui-button:not(:last-child), + body .ui-selectmanybutton > div.ui-button:not(:last-child) { + border-bottom-width: 0; + border-right-width: 1px; + } + body .ui-selectonebutton > div.ui-button:first-child, + body .ui-selectmanybutton > div.ui-button:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-selectonebutton > div.ui-button:last-child, + body .ui-selectmanybutton > div.ui-button:last-child { + border-top-left-radius: 0; + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + border-bottom-width: 1px; + } +} +@media (max-width: 640px) { + body .ui-dataview-layout-options > div.ui-button:not(:last-child) { + border-bottom-width: 1px; + border-right-width: 0; + } + body .ui-dataview-layout-options > div.ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + body .ui-dataview-layout-options > div.ui-button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + } +} +body .ui-button-group .ui-button { + margin: 0; + border-radius: 0; +} +body .ui-button-group .ui-button:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-button-group .ui-button:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-button-group .ui-button.ui-state-focus { + z-index: 1; +} +body .ui-button.ui-button-secondary, +body .ui-splitbutton.ui-button-secondary > .ui-button, +body .ui-menubutton.ui-button-secondary > .ui-button { + background: #3b4fff; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-secondary.ui-state-hover, body .ui-button.ui-button-secondary:not(:disabled):hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-splitbutton.ui-button-secondary > .ui-button:not(:disabled):hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-secondary > .ui-button:not(:disabled):hover { + background: rgba(59, 79, 255, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-state-focus, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-button.ui-button-secondary:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-splitbutton.ui-button-secondary > .ui-button:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-secondary > .ui-button:active { + background: rgba(59, 79, 255, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-button.ui-button-secondary.ui-button-outlined, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined { + background-color: transparent; + color: #3b4fff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:hover { + background: rgba(59, 79, 255, 0.04); + color: #3b4fff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-outlined:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-outlined:enabled:active { + background: rgba(59, 79, 255, 0.16); + color: #3b4fff; + border: 1px solid; +} +body .ui-button.ui-button-secondary.ui-button-flat, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat { + background-color: transparent; + color: #3b4fff; + border-color: transparent; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:hover, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:hover { + background: rgba(59, 79, 255, 0.04); + border-color: transparent; + color: #3b4fff; +} +body .ui-button.ui-button-secondary.ui-button-flat:enabled:active, +body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active, +body .ui-menubutton.ui-button-secondary > .ui-button.ui-button-flat:enabled:active { + background: rgba(59, 79, 255, 0.16); + border-color: transparent; + color: #3b4fff; +} +body .ui-button.ui-button-success, +body .ui-splitbutton.ui-button-success > .ui-button, +body .ui-menubutton.ui-button-success > .ui-button { + background: #689F38; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-success.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-hover { + background: rgba(104, 159, 56, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-state-focus, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-success.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-state-active { + background: rgba(104, 159, 56, 0.68); + color: #ffffff; +} +body .ui-button.ui-button-success.ui-button-outlined, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined { + background-color: transparent; + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); + color: #689F38; + border: 1px solid; +} +body .ui-button.ui-button-success.ui-button-flat, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat { + background-color: transparent; + color: #689F38; + border-color: transparent; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(104, 159, 56, 0.04); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active { + background: rgba(104, 159, 56, 0.16); + border-color: transparent; + color: #689F38; +} +body .ui-button.ui-button-warning, +body .ui-splitbutton.ui-button-warning > .ui-button, +body .ui-menubutton.ui-button-warning > .ui-button { + background: #FBC02D; + color: #212529; + border: 0 none; +} +body .ui-button.ui-button-warning.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-hover { + background: rgba(251, 192, 45, 0.92); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-state-focus, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-warning.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-state-active { + background: rgba(251, 192, 45, 0.68); + color: #212529; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-outlined, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined { + background-color: transparent; + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); + color: #FBC02D; + border: 1px solid; +} +body .ui-button.ui-button-warning.ui-button-flat, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat { + background-color: transparent; + color: #FBC02D; + border-color: transparent; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(251, 192, 45, 0.04); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active { + background: rgba(251, 192, 45, 0.16); + border-color: transparent; + color: #FBC02D; +} +body .ui-button.ui-button-help, +body .ui-splitbutton.ui-button-help > .ui-button, +body .ui-menubutton.ui-button-help > .ui-button { + background: #9C27B0; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-help.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-hover { + background: rgba(156, 39, 176, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-state-focus, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-help.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-state-active { + background: rgba(156, 39, 176, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-outlined, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined { + background-color: transparent; + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); + color: #9C27B0; + border: 1px solid; +} +body .ui-button.ui-button-help.ui-button-flat, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat { + background-color: transparent; + color: #9C27B0; + border-color: transparent; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(156, 39, 176, 0.04); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active { + background: rgba(156, 39, 176, 0.16); + border-color: transparent; + color: #9C27B0; +} +body .ui-button.ui-button-info, +body .ui-splitbutton.ui-button-info > .ui-button, +body .ui-menubutton.ui-button-info > .ui-button { + background: #2196F3; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-info.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-hover { + background: rgba(33, 150, 243, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-state-focus, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-info.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-state-active { + background: rgba(33, 150, 243, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-outlined, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined { + background-color: transparent; + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); + color: #2196F3; + border: 1px solid; +} +body .ui-button.ui-button-info.ui-button-flat, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat { + background-color: transparent; + color: #2196F3; + border-color: transparent; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(33, 150, 243, 0.04); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active { + background: rgba(33, 150, 243, 0.16); + border-color: transparent; + color: #2196F3; +} +body .ui-button.ui-button-danger, +body .ui-splitbutton.ui-button-danger > .ui-button, +body .ui-menubutton.ui-button-danger > .ui-button { + background: #D32F2F; + color: #ffffff; + border: 0 none; +} +body .ui-button.ui-button-danger.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-hover { + background: rgba(211, 47, 47, 0.92); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-state-focus, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-focus { + box-shadow: none; +} +body .ui-button.ui-button-danger.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-state-active { + background: rgba(211, 47, 47, 0.68); + color: #ffffff; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-outlined, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined { + background-color: transparent; + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); + color: #D32F2F; + border: 1px solid; +} +body .ui-button.ui-button-danger.ui-button-flat, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat { + background-color: transparent; + color: #D32F2F; + border-color: transparent; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-hover, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-hover { + background: rgba(211, 47, 47, 0.04); + border-color: transparent; + color: #D32F2F; +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, +body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, +body .ui-menubutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active { + background: rgba(211, 47, 47, 0.16); + border-color: transparent; + color: #D32F2F; +} +body .ui-commandlink, body .ui-link { + color: #FFEB3B; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-commandlink:hover, body .ui-link:hover { + color: rgba(255, 235, 59, 0.92); + text-decoration: underline; +} +body .ui-commandlink:active, body .ui-link:active { + color: rgba(255, 235, 59, 0.68); +} + +body .ui-splitbutton { + padding: 0; +} +body .ui-splitbutton .ui-button:first-child { + position: relative; + margin: 0; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-splitbutton .ui-button:first-child.ui-state-focus { + z-index: 1; +} +body .ui-splitbutton .ui-splitbuttonmenu { + min-width: 100%; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton { + cursor: pointer; + height: auto; + padding: 0; + position: relative; + margin: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-splitbutton .ui-button.ui-splitbutton-menubutton .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-splitbuttonmenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-splitbuttonmenu .ui-splitbuttonmenu-filter-container .ui-icon:before { + content: "\e908"; +} + +body .ui-speeddial-button.ui-button.ui-button-icon-only { + width: 4rem; + height: 4rem; +} +body .ui-speeddial-button.ui-button.ui-button-icon-only .ui-button-icon { + font-size: 2rem; +} +body .ui-speeddial-action { + width: 3rem; + height: 3rem; + background: #3b4fff; + color: #fff; +} +body .ui-speeddial-action:hover { + background: rgba(59, 79, 255, 0.92); + color: #fff; +} +body .ui-speeddial-direction-up .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-up .ui-speeddial-item:first-child { + margin-bottom: 0.5rem; +} +body .ui-speeddial-direction-down .ui-speeddial-item { + margin: 0.25rem 0; +} +body .ui-speeddial-direction-down .ui-speeddial-item:first-child { + margin-top: 0.5rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-left .ui-speeddial-item:first-child { + margin-right: 0.5rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item { + margin: 0 0.25rem; +} +body .ui-speeddial-direction-right .ui-speeddial-item:first-child { + margin-left: 0.5rem; +} +body .ui-speeddial-circle .ui-speeddial-item, +body .ui-speeddial-semi-circle .ui-speeddial-item, +body .ui-speeddial-quarter-circle .ui-speeddial-item { + margin: 0; +} +body .ui-speeddial-circle .ui-speeddial-item:first-child, body .ui-speeddial-circle .ui-speeddial-item:last-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:first-child, +body .ui-speeddial-semi-circle .ui-speeddial-item:last-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:first-child, +body .ui-speeddial-quarter-circle .ui-speeddial-item:last-child { + margin: 0; +} +body .ui-speeddial-mask { + background-color: rgba(0, 0, 0, 0.32); +} + +body .ui-carousel .ui-carousel-content .ui-carousel-prev, +body .ui-carousel .ui-carousel-content .ui-carousel-next { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin: 0.5rem; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:hover, +body .ui-carousel .ui-carousel-content .ui-carousel-next:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-carousel .ui-carousel-content .ui-carousel-prev:focus, +body .ui-carousel .ui-carousel-content .ui-carousel-next:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-carousel .ui-carousel-indicators { + padding: 1rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator { + margin-right: 0.5rem; + margin-bottom: 0.5rem; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button { + background-color: #dcdcdc; + width: 2rem; + height: 0.5rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 0; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover { + background: #ececec; +} +body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button { + background: #FFEB3B; + color: #212121; +} + +body .ui-chronoline .ui-chronoline-event-marker { + border: 0 none; + border-radius: 50%; + width: 1rem; + height: 1rem; + background-color: #bdbdbd; +} +body .ui-chronoline .ui-chronoline-event-connector { + background-color: #bdbdbd; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-content { + padding: 0 1rem; +} +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + width: 2px; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-opposite, +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-content { + padding: 1rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + height: 2px; +} + +body .ui-datagrid .ui-datagrid-header, +body .ui-datagrid .ui-datagrid-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datagrid .ui-datagrid-header { + border-bottom: 0 none; +} +body .ui-datagrid .ui-datagrid-footer { + border-top: 0 none; +} +body .ui-datagrid .ui-datagrid-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datagrid .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datagrid .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datagrid .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datalist .ui-datalist-header, +body .ui-datalist .ui-datalist-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datalist .ui-datalist-header { + border-bottom: 0 none; +} +body .ui-datalist .ui-datalist-footer { + border-top: 0 none; +} +body .ui-datalist .ui-datalist-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-datalist .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datalist .ui-paginator.ui-paginator-top { + border-bottom: 0 none; +} +body .ui-datalist .ui-paginator.ui-paginator-bottom { + border-top: 0 none; +} + +body .ui-datascroller .ui-datascroller-header, +body .ui-datascroller .ui-datascroller-footer { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-datascroller .ui-datascroller-header { + border-bottom: 0 none; +} +body .ui-datascroller .ui-datascroller-footer { + border-top: 0 none; +} +body .ui-datascroller .ui-datascroller-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-datatable .ui-datatable-header { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-datatable .ui-datatable-footer { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-datatable .ui-datatable-header { + text-align: left; +} +body .ui-datatable .ui-datatable-footer { + text-align: left; +} +body .ui-datatable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-datatable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-datatable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #FFEB3B; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-datatable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-datatable .ui-datatable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-datatable .ui-datatable-data > tr > td.ui-datatable-subtable-header { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-toggler { + color: #F57F17; +} +body .ui-datatable .ui-datatable-data > tr.ui-state-highlight .ui-row-editor > a { + color: #F57F17; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable { + cursor: pointer; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable > .ui-grouped-column { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + cursor: default; +} +body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow { + font-weight: 700; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check { + margin-right: 0.5rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler { + margin-right: 1rem; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering { + background: rgba(255, 235, 59, 0.12); +} +body .ui-datatable .ui-column-resizer-helper { + background: #FFEB3B; +} +body .ui-datatable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + text-align: left; + box-sizing: content-box; +} +body .ui-datatable > .ui-icon-arrowthick-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: none !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-s:before { + content: "\e919"; +} +body .ui-datatable > .ui-icon-arrowthick-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + padding-top: 1.5rem !important; +} +body .ui-datatable > .ui-icon-arrowthick-1-n:before { + content: "\e91c"; +} +body .ui-datatable .ui-datatable-scrollable-body { + outline: 0 none; +} +body .ui-datatable .ui-datatable-scrollable-header, body .ui-datatable .ui-datatable-scrollable-footer { + background: #ffffff; +} +body .ui-datatable .ui-selection-column .ui-chkbox-all { + margin: 0; + width: 18px; + height: 18px; +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd { + background: rgba(0, 0, 0, 0.02); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-datatable.ui-datatable-striped .ui-datatable-data > tr.ui-datatable-odd.ui-state-highlight { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .ui-datatable.ui-datatable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-sm .ui-datatable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-datatable.ui-datatable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-datatable.ui-datatable-lg .ui-datatable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-header { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines thead > tr > th { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-data > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-gridlines .ui-datatable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-datatable.ui-datatable-gridlines tfoot > tr > td { + border-width: 1px; +} +body .ui-datatable.ui-datatable-sticky.ui-sticky { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-datatable.ui-datatable-sticky > table > thead, +body .ui-datatable.ui-datatable-sticky > table > tfoot { + background: #ffffff; +} +body .ui-columntoggler { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + background: #ffffff; + border: 1px solid #e5e5e5; +} +body .ui-columntoggler .ui-columntoggler-close { + display: none; +} +body .ui-columntoggler .ui-columntoggler-items { + padding: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item .ui-chkbox { + position: static; + margin-right: 0.5rem; + margin-top: 0; + vertical-align: middle; +} +body .ui-columntoggler .ui-columntoggler-items .ui-columntoggler-item label { + padding: 0; + display: inline; +} +@media (max-width: 640px) { + body .ui-datatable-reflow .ui-datatable-data tr { + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr:hover, body .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight { + border-left: 0 none; + border-right: 0 none; + border-bottom: 1px solid #e4e4e4; + } + body .ui-datatable-reflow .ui-datatable-data tr.ui-expanded-row-content > td { + display: block; + width: 100%; + } +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-dataview .ui-dataview-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-dataview .ui-dataview-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-dataview .ui-dataview-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row { + border: solid rgba(0, 0, 0, 0.12); + border-width: 0 0 1px 0; +} + +body .fc .fc-scrollgrid { + border-color: 1px solid #e0e0e0; +} +body .fc .fc-daygrid-day.fc-day-today, +body .fc .fc-timegrid-col.fc-day-today { + background-color: rgba(255, 240, 110, 0.12); +} +body .fc th { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc th > .fc-scrollgrid-sync-inner { + padding: 0.75rem; +} +body .fc td { + border: 1px solid #e0e0e0; +} +body .fc td.fc-widget-content { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); +} +body .fc td.fc-head-container { + border: 1px solid #e0e0e0; +} +body .fc .fc-row { + border-right: 1px solid #e0e0e0; +} +body .fc .fc-event, +body .fc .fc-event .fc-event-main { + background: rgba(255, 235, 59, 0.12); + border: 1px solid rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .fc .fc-divider { + background: #ffffff; + border: 1px solid #e0e0e0; +} +body .fc .fc-toolbar .fc-button { + background: #FFEB3B; + color: #212121; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .fc .fc-toolbar .fc-button:not(:disabled):hover { + background: rgba(255, 235, 59, 0.92); + border-color: transparent; + color: #212121; +} +body .fc .fc-toolbar .fc-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .fc .fc-toolbar .fc-button:active, body .fc .fc-toolbar .fc-button.fc-button-active { + background: rgba(255, 235, 59, 0.68); + border-color: transparent; + color: #212121; +} +body .ui-fluid .fc .fc-toolbar .ui-button { + width: auto; +} + +body .ui-orderlist .ui-orderlist-controls { + margin-right: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-direction: column; + flex-direction: column; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-orderlist .ui-orderlist-controls .ui-button { + margin-bottom: 0.5rem; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-orderlist .ui-orderlist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-orderlist .ui-g > div { + padding: 0; +} +body .ui-orderlist .ui-g > div.ui-orderlist-controls { + padding: 0 0.5rem 0 0; +} +body .ui-orderlist .ui-orderlist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .ui-orderlist .ui-orderlist-list .ui-orderlist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(251, 226, 0, 0.12); +} +body .ui-orderlist.ui-orderlist-controls-right .ui-g > div.ui-orderlist-controls { + padding: 0 0 0 0.5rem; +} +@media (max-width: 640px) { + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls { + -ms-flex-direction: row; + flex-direction: row; + } + body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } +} + +body .ui-paginator { + background: #ffffff; + border: solid #e4e4e4; + border-width: 0; + padding: 0.375rem 0.75rem; +} +body .ui-paginator .ui-paginator-first, +body .ui-paginator .ui-paginator-prev, +body .ui-paginator .ui-paginator-next, +body .ui-paginator .ui-paginator-last { + color: rgba(0, 0, 0, 0.6); + width: 3rem; + height: 3rem; + margin: 0.143rem; + border: 0 none; + vertical-align: top; + padding: 0; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-first span, +body .ui-paginator .ui-paginator-prev span, +body .ui-paginator .ui-paginator-next span, +body .ui-paginator .ui-paginator-last span { + display: none; +} +body .ui-paginator .ui-paginator-first.ui-state-hover, +body .ui-paginator .ui-paginator-prev.ui-state-hover, +body .ui-paginator .ui-paginator-next.ui-state-hover, +body .ui-paginator .ui-paginator-last.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-first.ui-state-focus, +body .ui-paginator .ui-paginator-prev.ui-state-focus, +body .ui-paginator .ui-paginator-next.ui-state-focus, +body .ui-paginator .ui-paginator-last.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-first:before, +body .ui-paginator .ui-paginator-prev:before, +body .ui-paginator .ui-paginator-next:before, +body .ui-paginator .ui-paginator-last:before { + position: relative; + line-height: inherit; + top: -1px; +} +body .ui-paginator .ui-paginator-first { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-first:before { + content: "\e92d"; +} +body .ui-paginator .ui-paginator-first:before { + position: relative; +} +body .ui-paginator .ui-paginator-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-prev:before { + content: "\e931"; +} +body .ui-paginator .ui-paginator-prev:before { + position: relative; +} +body .ui-paginator .ui-paginator-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-next:before { + content: "\e932"; +} +body .ui-paginator .ui-paginator-next:before { + position: relative; +} +body .ui-paginator .ui-paginator-last { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + line-height: 3rem; +} +body .ui-paginator .ui-paginator-last:before { + content: "\e92e"; +} +body .ui-paginator .ui-paginator-last:before { + position: relative; +} +body .ui-paginator .ui-paginator-current { + color: rgba(0, 0, 0, 0.6); +} +body .ui-paginator .ui-paginator-pages { + padding: 0; + display: inline-block; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page { + padding: 0; + border: 0 none; + text-align: center; + line-height: 3rem; + min-width: 3rem; + height: 3rem; + color: rgba(0, 0, 0, 0.6); + margin: 0.143rem; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options { + margin: 0.5rem; + display: inline-block; + vertical-align: middle; +} + +body .ui-picklist .ui-picklist-buttons { + padding: 0 0.5rem 0 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-button { + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before { + content: "\e933"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before { + content: "\e92f"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before { + content: "\e930"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before { + content: "\e92c"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before { + content: "\e932"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before { + content: "\e92e"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before { + content: "\e931"; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before { + content: "\e92d"; +} +body .ui-picklist .ui-picklist-caption { + background: #ffffff; + border: 1px solid #e0e0e0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-bottom: 0 none; + font-weight: 500; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; + margin-bottom: 0.5rem; +} +body .ui-picklist .ui-picklist-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + margin-top: -0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-picklist .ui-picklist-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-picklist .ui-picklist-list { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item { + padding: 0.75rem 0.75rem; + border: 0 none; + margin: 0; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .ui-picklist .ui-picklist-list .ui-picklist-item.ui-state-highlight.ui-sortable-placeholder { + background: rgba(251, 226, 0, 0.12); +} +@media (max-width: 640px) { + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button { + margin-top: 0.5rem; + margin-right: 0.5rem; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button:last-child { + margin-right: 0; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-e:before { + content: "\e930"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-e:before { + content: "\e92c"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrow-1-w:before { + content: "\e933"; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + } + body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button .ui-icon-arrowstop-1-w:before { + content: "\e92f"; + } + body .ui-picklist.ui-picklist-responsive > div.ui-helper-hidden-accessible { + display: none; + } +} + +body .ui-tagcloud { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-tagcloud a { + color: rgba(0, 0, 0, 0.87); + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tagcloud a.ui-state-hover { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} + +body .timeline-frame { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-navigation { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .timeline-frame .timeline-navigation:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .timeline-frame .timeline-navigation:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomin:before { + content: "\e98f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-zoomout:before { + content: "\e990"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-w:before { + content: "\e91f"; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .timeline-frame .timeline-navigation .ui-icon.ui-icon-circle-arrow-e:before { + content: "\e920"; +} +body .timeline-frame .timeline-event { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .timeline-frame .timeline-event.ui-state-active { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .vis-timeline { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item .vis-item-content { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-item.vis-dot { + border-width: 4px; +} +body .vis-timeline .vis-item.vis-selected { + background: rgba(255, 235, 59, 0.12); + border-color: rgba(255, 235, 59, 0.12); +} +body .vis-timeline .vis-item.vis-selected .vis-item-content { + color: #F57F17; +} +body .vis-timeline .vis-time-axis .vis-text { + color: rgba(0, 0, 0, 0.87); +} +body .vis-timeline .vis-panel .vis-shadow { + box-shadow: none; +} + +body .ui-tree { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + width: 100%; + border-radius: 4px; +} +body .ui-tree .ui-tree-container { + padding: 0; + margin: 0; +} +body .ui-tree .ui-tree-container .ui-treenode { + padding: 0.25rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + display: inline-block; + float: none; + margin: 0 0.5rem 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler.ui-icon-triangle-1-w:before { + content: "\e900"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + width: 2rem; + height: 2rem; + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0.5rem 0 0; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label { + margin: 0; + padding: 0.25rem; + border-radius: 4px; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-label.ui-state-highlight { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 1rem; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon { + color: #F57F17; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-tree-toggler:hover, +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-state-highlight .ui-treenode-icon:hover { + color: #F57F17; +} +body .ui-tree .ui-tree-container .ui-treenode .ui-treenode-content.ui-treenode-selectable:not(.ui-state-highlight):hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree .ui-tree-container .ui-tree-droppoint.ui-state-hover { + background: rgba(255, 235, 59, 0.12); +} +body .ui-tree .ui-tree-container .ui-treenode-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tree.ui-tree-horizontal { + padding-left: 0; + padding-right: 0; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler.ui-icon-plus:before { + content: "\e90d"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon { + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-label { + padding: 0; + vertical-align: middle; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox { + margin-right: 0.5rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-chkbox .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-tree.ui-tree-horizontal .ui-treenode:before { + background-color: #ffffff; +} +body .ui-tree .ui-tree-filter-container { + margin: 0 0 0.5rem 0; +} +body .ui-tree .ui-tree-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-tree .ui-tree-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-tree .ui-tree-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-tree-toggler { + margin-right: 0; + margin-left: 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-leaf-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-treenode-icon { + margin: 0 0 0 0.5rem; +} +body .ui-tree.ui-tree-rtl .ui-tree-container .ui-treenode .ui-treenode-content .ui-chkbox { + margin-right: 0; + margin-left: 2.5rem; +} +body .ui-tree-draghelper { + border: 1px solid rgba(255, 235, 59, 0.12); +} +body .ui-fluid .ui-tree { + width: 100%; +} + +body .ui-treetable .ui-treetable-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-footer { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + padding: 0.75rem 0.75rem; + font-weight: 500; +} +body .ui-treetable .ui-treetable-header { + text-align: left; +} +body .ui-treetable .ui-treetable-footer { + text-align: left; +} +body .ui-treetable .ui-paginator { + padding: 0.375rem 0.75rem; +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-width: 0 0 1px 0; + border-radius: 0; +} +body .ui-treetable thead th { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + text-align: left; + box-sizing: content-box; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable thead th .ui-column-title { + font-weight: 500; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon { + margin: 0 0 0 0.5rem; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before { + content: "\e99e"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before { + content: "\e99f"; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + vertical-align: middle; +} +body .ui-treetable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before { + content: "\e9a0"; +} +body .ui-treetable thead th .ui-sortable-column-badge { + border-radius: 50%; + height: 1.143rem; + min-width: 1.143rem; + line-height: 1.143rem; + color: #212121; + background: #FFEB3B; + margin-left: 0.5rem; + font-size: 0.75rem; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-treetable thead th.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable thead th.ui-state-active.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-treetable .ui-treetable-data > tr > td { + padding: 0.75rem 0.75rem; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler { + margin-right: 0.5rem; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-treetable-toggler.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection { + vertical-align: middle; + margin-right: 1rem; +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr > td .ui-chkbox.ui-selection .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; + cursor: default; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler { + color: #F57F17; +} +body .ui-treetable .ui-treetable-data > tr.ui-state-highlight .ui-treetable-toggler:hover { + color: #F57F17; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before { + content: "\e942"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-check { + display: none; +} +body .ui-treetable .ui-treetable-data > tr .ui-row-editor .ui-row-editor-close { + display: none; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-check { + display: inline-block; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-row-editor-close { + display: inline-block; + color: #F57F17; +} +body .ui-treetable .ui-treetable-data > tr.ui-row-editing .ui-icon { + color: #F57F17; +} +body .ui-treetable tfoot td { + background: #ffffff; + border: 1px solid #e4e4e4; + border-width: 0 0 1px 0; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + font-weight: 500; + box-sizing: content-box; +} +body .ui-treetable .ui-treetable-scrollable-header, body .ui-treetable .ui-treetable-scrollable-footer { + background: #ffffff; +} +body .ui-treetable .ui-column-resizer-helper { + background: #FFEB3B; +} +body .ui-treetable.ui-treetable-sm thead > tr > th { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-sm .ui-treetable-data > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-sm tfoot > tr > td { + padding: 0.375rem 0.375rem; +} +body .ui-treetable.ui-treetable-lg thead > tr > th { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; +} +body .ui-treetable.ui-treetable-lg .ui-treetable-data > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-lg tfoot > tr > td { + padding: 0.9375rem 0.9375rem; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-header { + border-width: 1px 1px 0; +} +body .ui-treetable.ui-treetable-gridlines thead > tr > th { + border: 1px solid #e4e4e4; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-data > tr > td { + border-width: 1px; +} +body .ui-treetable.ui-treetable-gridlines .ui-treetable-scrollable-theadclone > tr > th { + padding-top: 0; + padding-bottom: 0; + border-bottom: 0 none; + border-top: 0 none; +} +body .ui-treetable.ui-treetable-gridlines tfoot > tr > td { + border-width: 1px; +} + +body .ui-fileupload .ui-fileupload-buttonbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button { + margin-right: 0.5rem; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon:before { + content: "\e90d"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon:before { + content: "\e934"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-disabled:not(.ui-fileupload-choose) { + display: none; +} +body .ui-fileupload .ui-fileupload-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-top: 0 none; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-fileupload .ui-fileupload-content .ui-fileupload-files .ui-fileupload-row > div { + padding: 1rem; +} +body .ui-fileupload-simple .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fileupload-simple .ui-icon-plusthick:before { + content: "\e90d"; +} +@media screen and (max-width: 40em) { + body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon, body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon { + left: 50%; + margin-left: -0.5rem; + } +} + +body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + padding: 0.75rem 0.75rem; + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete.ui-state-loading .ui-icon-loading { + right: 0.75rem; +} +body .ui-autocomplete.ui-state-loading.ui-autocomplete-dd .ui-icon-loading { + right: 3.5rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown { + position: relative; + height: auto; + width: 2.75rem; + right: auto; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon:before { + content: "\e902"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container { + padding: 0.375rem 0.75rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 235, 59, 0.12); + color: #F57F17; + display: inline-block; + vertical-align: middle; + float: none; + border-radius: 4px; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon:before { + content: "\e90b"; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token { + margin: 0; + padding: 0.375rem 0; + display: inline-block; + vertical-align: middle; + float: none; +} +body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} +body .ui-autocomplete .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-autocomplete-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-autocomplete-panel .ui-autocomplete-emptyMessage, +body .ui-autocomplete-panel .ui-autocomplete-empty-message { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; +} +body .ui-autocomplete-panel .ui-autocomplete-items { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .ui-autocomplete-itemtip { + padding: 0; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input { + width: calc(100% - 2.75rem); +} +body .ui-fluid .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + width: 2.75rem; +} +body .ui-fluid .ui-autocomplete-multiple-container.ui-autocomplete-dd-multiple-container { + width: calc(100% - 2.75rem); +} + +body .ui-cascadeselect { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus { + border-color: #FFEB3B; + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-label { + background: transparent; + border: 0 none; + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect .ui-cascadeselect-label.ui-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .ui-cascadeselect .ui-cascadeselect-label:enabled:focus { + outline: 0 none; + box-shadow: none; +} +body .ui-cascadeselect .ui-cascadeselect-trigger { + background: transparent; + color: rgba(0, 0, 0, 0.6); + width: 2.75rem; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-cascadeselect-panel { + background: #ffffff; + border: 0 none; + border-radius: 4px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items { + padding: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item { + margin: 0; + border: 0 none; + color: rgba(0, 0, 0, 0.87); + background: transparent; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content { + padding: 0.75rem 0.75rem; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item.ui-state-highlight { + color: #F57F17; + background: rgba(255, 235, 59, 0.12); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item:not(.ui-state-highlight):not(.ui-state-disabled):hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +body .ui-cascadeselect-panel .ui-cascadeselect-items .ui-cascadeselect-item .ui-cascadeselect-group-icon { + font-size: 1rem; +} +body .ui-input-filled .ui-cascadeselect { + background: #f5f5f5; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + background-color: #ececec; +} +body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).p-focus { + background-color: #dcdcdc; +} + +body .ui-chkbox { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 18px; + height: 18px; +} +body .ui-chkbox .ui-chkbox-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 18px; + height: 18px; + text-align: center; + position: relative; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chkbox .ui-chkbox-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-chkbox .ui-chkbox-box.ui-state-focus { + box-shadow: none; + outline: 0 none; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active { + border-color: #FFEB3B; + background: #FFEB3B; + color: #212121; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FFEB3B; +} +body .ui-chkbox .ui-chkbox-box.ui-state-error { + border-color: #B00020; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon { + overflow: visible; + position: absolute; + left: 50%; + top: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before { + content: "\e909"; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-closethick:before { + content: "\e90b"; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box, +body .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active { + background: #FFEB3B; +} +body.ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover { + background: #FFEB3B; +} + +body .ui-chips .ui-chips-container { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 1px 0; + margin: 0.125rem; + background: rgba(255, 235, 59, 0.12); + color: #F57F17; + border-radius: 4px; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon:before { + content: "\e90c"; +} +body .ui-chips .ui-chips-container .ui-chips-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-chips .ui-chips-container .ui-chips-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + font-size: 1rem; + color: rgba(0, 0, 0, 0.87); + -webkit-appearance: none; + appearance: none; + padding: 0; + margin: 0; +} + +body .ui-colorpicker .ui-button { + border-radius: 4px; +} +body .ui-fluid .ui-colorpicker .ui-button { + width: auto; + min-width: auto; +} + +body .ui-datepicker { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + color: rgba(0, 0, 0, 0.87); + padding: 0.5rem; + width: auto; + border-radius: 4px; +} +body .ui-datepicker .ui-datepicker-header { + margin: 0; + padding: 0.5rem; + line-height: normal; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgba(0, 0, 0, 0.12); + border-width: 1px; + border-radius: 0; +} +body .ui-datepicker .ui-datepicker-next { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + right: 0; +} +body .ui-datepicker .ui-datepicker-next:before { + content: "\e901"; +} +body .ui-datepicker .ui-datepicker-prev { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + left: 0; +} +body .ui-datepicker .ui-datepicker-prev:before { + content: "\e900"; +} +body .ui-datepicker .ui-datepicker-next, +body .ui-datepicker .ui-datepicker-prev { + cursor: pointer; + top: 50%; + margin-top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-datepicker-next:hover, +body .ui-datepicker .ui-datepicker-prev:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-next:focus, +body .ui-datepicker .ui-datepicker-prev:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-next span, +body .ui-datepicker .ui-datepicker-prev span { + display: none; +} +body .ui-datepicker .ui-datepicker-title { + line-height: 1; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select { + width: 40%; + margin: 0; +} +body .ui-datepicker .ui-datepicker-title select:first-child { + margin-right: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar { + margin: 0.5rem 0; +} +body .ui-datepicker .ui-datepicker-calendar th { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar th > span { + width: 2.25rem; + height: 2.25rem; +} +body .ui-datepicker .ui-datepicker-calendar td { + padding: 0.5rem; + text-align: center; +} +body .ui-datepicker .ui-datepicker-calendar td > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td > a, +body .ui-datepicker .ui-datepicker-calendar td > span { + padding: 0; + color: rgba(0, 0, 0, 0.87); + text-align: center; + width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; + border: 1px solid transparent; + display: inline-block; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-datepicker .ui-datepicker-calendar td > a:focus, +body .ui-datepicker .ui-datepicker-calendar td > span:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-calendar td > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td > span.ui-state-active { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 600; + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; + border: 0 none; +} +body .ui-datepicker.ui-input-overlay { + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .ui-datepicker .ui-timepicker-div dl { + margin: 0; +} +body .ui-datepicker .ui-timepicker-div dl dt { + padding: 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_time_label { + padding: 0 0.5rem; +} +body .ui-datepicker .ui-timepicker-div dl dd { + padding: 0 0.5rem; + margin: 0 0.714em 0.714em 40%; +} +body .ui-datepicker .ui-timepicker-timeinput input { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; + width: auto; +} +body .ui-datepicker .ui-timepicker-timeinput input:hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + border-color: #FFEB3B; + outline: 0 none; + box-shadow: none; +} +body .ui-datepicker .ui-timepicker-timeinput .ui-separator > span { + padding: 0.75rem 0.75rem; + font-size: 1rem; +} +body .ui-datepicker .ui-datepicker-buttonpane button, +body .ui-datepicker .ui-datepicker-buttonbar button { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #3b4fff; + color: #ffffff; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-hover, body .ui-datepicker .ui-datepicker-buttonpane button:not(:disabled):hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-hover, +body .ui-datepicker .ui-datepicker-buttonbar button:not(:disabled):hover { + background: rgba(59, 79, 255, 0.92); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-focus, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-focus { + box-shadow: none; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-state-active, body .ui-datepicker .ui-datepicker-buttonpane button:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-state-active, +body .ui-datepicker .ui-datepicker-buttonbar button:active { + background: rgba(59, 79, 255, 0.68); + border-color: transparent; + color: #ffffff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined { + background-color: transparent; + color: #3b4fff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:hover { + background: rgba(59, 79, 255, 0.04); + color: #3b4fff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-outlined:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-outlined:enabled:active { + background: rgba(59, 79, 255, 0.16); + color: #3b4fff; + border: 1px solid; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat { + background-color: transparent; + color: #3b4fff; + border-color: transparent; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:hover, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:hover { + background: rgba(59, 79, 255, 0.04); + border-color: transparent; + color: #3b4fff; +} +body .ui-datepicker .ui-datepicker-buttonpane button.ui-button-flat:enabled:active, +body .ui-datepicker .ui-datepicker-buttonbar button.ui-button-flat:enabled:active { + background: rgba(59, 79, 255, 0.16); + border-color: transparent; + color: #3b4fff; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:first-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:first-child { + text-align: left; +} +body .ui-datepicker .ui-datepicker-buttonpane .ui-g-6:last-child, +body .ui-datepicker .ui-datepicker-buttonbar .ui-g-6:last-child { + text-align: right; +} +body .ui-datepicker .ui-datepicker-buttonbar { + border-top: 1px solid rgba(0, 0, 0, 0.12); + padding: 0.75rem 0; +} +body .ui-datepicker .ui-monthpicker-month { + margin: 0.5rem 0; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + padding: 0.5rem; + border: 4px; +} +body .ui-datepicker .ui-monthpicker-month:hover { + background: rgba(0, 0, 0, 0.04); + border-color: transparent; +} +body .ui-datepicker .ui-monthpicker-month:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-monthpicker-month.ui-state-active { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; + border: 0 none; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0.5rem; +} +body .ui-datepicker .ui-picker-up { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-up:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-up:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-up .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-up .ui-icon:before { + content: "\e903"; +} +body .ui-datepicker .ui-picker-down { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-datepicker .ui-picker-down:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-datepicker .ui-picker-down:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-datepicker .ui-picker-down .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-datepicker .ui-picker-down .ui-icon:before { + content: "\e902"; +} +body .ui-datepicker.ui-datepicker-multi { + width: auto !important; +} +body .ui-calendar .ui-button.ui-button-icon-only { + width: 2.75rem; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-calendar .ui-button.ui-button-icon-only .ui-icon-calendar:before { + content: "\e927"; +} +body .ui-calendar.ui-trigger-calendar input.hasDatepicker { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +body .ui-fluid .ui-trigger-calendar input.hasDatepicker { + width: calc(100% - 2.75rem); + padding-right: 0; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button { + position: absolute; + right: -2.75rem; + width: 2.75rem; +} +body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + right: 0; +} + +body .ui-inplace .ui-inplace-display { + padding: 1rem 1rem; + border-radius: 4px; +} +body .ui-inplace .ui-inplace-display.ui-state-highlight { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-inplace .ui-inplace-display.ui-state-focus { + border-color: #FFEB3B; + outline: 0 none; + box-shadow: none; +} +body .ui-inplace .ui-inplace-save .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-save .ui-icon:before { + content: "\e909"; +} +body .ui-inplace .ui-inplace-cancel { + margin-left: 0.25rem; +} +body .ui-inplace .ui-inplace-cancel .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-inplace .ui-inplace-cancel .ui-icon:before { + content: "\e90b"; +} +body .ui-inplace .ui-inplace-editor { + margin-left: 0.5rem; +} +body .ui-inplace .ui-inplace-editor .ui-button-icon-only .ui-button-text { + padding: 0.643rem; +} + +body ::-webkit-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body :-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body ::-moz-placeholder { + color: rgba(0, 0, 0, 0.6); + opacity: 1; +} +body :-ms-input-placeholder { + color: rgba(0, 0, 0, 0.6); +} +body .p-field small.ui-state-error, +body .field small.ui-state-error { + color: #B00020; +} +body .ui-float-label > label { + margin-left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-float-label > input:focus ~ label, +body .ui-float-label > input.ui-state-filled ~ label, +body .ui-float-label > textarea:focus ~ label, +body .ui-float-label > textarea.ui-state-filled ~ label, +body .ui-float-label > .ui-inputwrapper-focus ~ label, +body .ui-float-label > .ui-inputwrapper-filled ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-float-label > input:-webkit-autofill ~ label, +body .ui-float-label > textarea:-webkit-autofill ~ label { + color: rgba(0, 0, 0, 0.87); +} +body .ui-input-icon-left, +body .ui-input-icon-right { + position: relative; + display: inline-block; +} +body .ui-fluid .ui-input-icon-left, +body .ui-fluid .ui-input-icon-right { + display: block; +} +body .ui-input-icon-left > i, +body .ui-input-icon-right > i { + position: absolute; + top: 50%; + margin-top: -0.5rem; +} +body .ui-input-icon-left > i:first-of-type { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-left > .ui-inputfield { + padding-left: 2.5rem; +} +body .ui-input-icon-right > i:last-of-type { + right: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-input-icon-right > .ui-inputfield { + padding-right: 2.5rem; +} +body .ui-inputfield { + color: rgba(0, 0, 0, 0.87); + background: #ffffff; + padding: 0.75rem 0.75rem; + border: 1px solid rgba(0, 0, 0, 0.38); + outline: 0 none; + font-size: 1rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + -webkit-appearance: none; + appearance: none; +} +body .ui-inputfield.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-inputfield.ui-state-focus { + border-color: #FFEB3B; + outline: 0 none; + box-shadow: none; +} +body .ui-inputfield.ui-state-error { + border-color: #B00020; +} +body .ui-input-filled .ui-inputfield, body.ui-input-filled .ui-inputfield { + background-color: #f5f5f5; +} +body .ui-input-filled .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; +} +body .ui-input-filled .ui-inputfield.ui-state-focus, body.ui-input-filled .ui-inputfield.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-inputtextarea { + vertical-align: top; +} + +body .ui-inputgroup .ui-inputgroup-addon, +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0.75rem 0.75rem; + border-color: rgba(0, 0, 0, 0.38); + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + min-width: 2.75rem; +} +body .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-inputgroup-addon:last-child, +body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child, body .ui-inputgroup textarea:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup .ui-float-label:first-child input, +body .ui-inputgroup .ui-float-label:first-child textarea { + border-right-width: 0px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-inputgroup button:last-child, body .ui-inputgroup input:last-child, body .ui-inputgroup textarea:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup .ui-float-label:last-child input, +body .ui-inputgroup .ui-float-label:last-child textarea { + border-left-width: 0px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-inputgroup > .ui-widget, +body .ui-inputgroup > .ui-float-label > .ui-widget { + border-radius: 0; +} +body .ui-inputgroup > .ui-widget.ui-state-focus, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus { + z-index: 1; +} +body .ui-inputgroup > .ui-widget.ui-state-focus ~ label, +body .ui-inputgroup > .ui-float-label > .ui-widget.ui-state-focus ~ label { + z-index: 1; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox { + padding: 0; + position: relative; +} +body .ui-inputgroup .ui-inputgroup-addon-checkbox .ui-chkbox { + vertical-align: baseline; + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +body .ui-inputswitch { + height: 14px; + width: 34px !important; + overflow: visible; + background: rgba(0, 0, 0, 0.38); + border-radius: 8px; +} +body .ui-inputswitch .ui-inputswitch-handle { + top: -4px; + left: -2px; + background: #ffffff; + border-radius: 50%; + border: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + width: 20px !important; + height: 20px !important; + box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.137255) 0px 1px 1px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 1px -1px; +} +body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus { + border-color: #FFEB3B; + outline: 0 none; + box-shadow: none; +} +body .ui-inputswitch .ui-inputswitch-on { + visibility: hidden; +} +body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span { + visibility: hidden; +} +body .ui-inputswitch.ui-inputswitch-checked { + background: rgba(255, 235, 59, 0.5); +} +body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle { + background: #FFEB3B; + border-color: none; + margin-left: 2px; +} + +body .keypad-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + margin: 0; + width: auto; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); +} +body .keypad-popup button { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0.5rem; + margin: 2px; + outline: 0 none; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; +} +body .keypad-popup button.ui-state-hover { + background: #ffffff; + border-color: rgba(0, 0, 0, 0.87); + color: rgba(0, 0, 0, 0.87); +} +body .keypad-popup button.ui-state-active { + background: rgba(255, 235, 59, 0.68); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift, body .keypad-popup button.keypad-spacebar, body .keypad-popup button.keypad-enter, body .keypad-popup button.keypad-clear, body .keypad-popup button.keypad-back, body .keypad-popup button.keypad-close { + background: #FFEB3B; + color: #212121; + border: 0 none; +} +body .keypad-popup button.keypad-shift.ui-state-hover, body .keypad-popup button.keypad-spacebar.ui-state-hover, body .keypad-popup button.keypad-enter.ui-state-hover, body .keypad-popup button.keypad-clear.ui-state-hover, body .keypad-popup button.keypad-back.ui-state-hover, body .keypad-popup button.keypad-close.ui-state-hover { + background: rgba(255, 235, 59, 0.92); + border-color: transparent; + color: #212121; +} +body .keypad-popup button.keypad-shift.ui-state-focus, body .keypad-popup button.keypad-spacebar.ui-state-focus, body .keypad-popup button.keypad-enter.ui-state-focus, body .keypad-popup button.keypad-clear.ui-state-focus, body .keypad-popup button.keypad-back.ui-state-focus, body .keypad-popup button.keypad-close.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .keypad-popup button.keypad-shift.ui-state-active, body .keypad-popup button.keypad-spacebar.ui-state-active, body .keypad-popup button.keypad-enter.ui-state-active, body .keypad-popup button.keypad-clear.ui-state-active, body .keypad-popup button.keypad-back.ui-state-active, body .keypad-popup button.keypad-close.ui-state-active { + background: rgba(255, 235, 59, 0.68); + border-color: transparent; + color: #212121; +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + margin-right: 0.5rem; + border: 1px solid rgba(0, 0, 0, 0.38); + padding: 0; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-header { + padding: 0.75rem 0.75rem; + margin: 0; + border: 0 none; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list { + padding: 0; + background: #ffffff; + border: 0 none; +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item { + padding: 0.75rem 0.75rem; + margin: 0; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer .ui-multiselectlistbox-list .ui-multiselectlistbox-item.ui-state-highlight { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} + +body .ui-password .ui-password-icon { + cursor: pointer; +} +body .ui-password.ui-password-masked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-masked .ui-password-icon:before { + content: "\e966"; +} +body .ui-password.ui-password-unmasked .ui-password-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-password.ui-password-unmasked .ui-password-icon:before { + content: "\e965"; +} +body .ui-password-panel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + margin: 0; + width: auto; + min-width: 150px; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} + +body .ui-radiobutton { + display: inline-block; + vertical-align: middle; + margin: 0; + width: 20px; + height: 20px; +} +body .ui-radiobutton .ui-radiobutton-box { + border: 1px solid rgba(0, 0, 0, 0.38); + border-width: 2px; + background: #ffffff; + width: 20px; + height: 20px; + text-align: center; + position: relative; + border-radius: 50%; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-focus { + box-shadow: none; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active { + border-color: #FFEB3B; + background: #212121; + color: #FFEB3B; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + background: #FFEB3B; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-error { + border-color: #B00020; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + width: 10px; + height: 10px; + vertical-align: middle; + position: absolute; + top: 50%; + left: 50%; + margin-top: -5px; + margin-left: -5px; + border-radius: 50%; +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon:before { + display: none; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #f5f5f5; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active { + background: #212121; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover, +body .ui-input-filled .ui-radiobutton .ui-radiobutton-box.ui-state-active.ui-state-hover { + background: #212121; +} + +body .ui-rating .ui-rating-cancel { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-cancel a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #B00020; + overflow: visible; +} +body .ui-rating .ui-rating-cancel a:before { + content: "\e90c"; +} +body .ui-rating .ui-rating-cancel a:hover { + color: #B00020; +} +body .ui-rating .ui-rating-star { + float: none; + display: inline-block; + margin-right: 0.5rem; + overflow: visible; +} +body .ui-rating .ui-rating-star.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-rating .ui-rating-star a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + text-indent: 0; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FFEB3B; + overflow: visible; +} +body .ui-rating .ui-rating-star a:before { + content: "\e937"; +} +body .ui-rating .ui-rating-star a:hover { + color: #FFEB3B; +} +body .ui-rating .ui-rating-star-on a { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: block; + font-size: 1rem; + height: 1.25rem; + width: 1.25rem; + color: #FFEB3B; +} +body .ui-rating .ui-rating-star-on a:before { + content: "\e936"; +} +body .ui-state-highlight .ui-rating-star a { + color: #F57F17; +} + +body .ui-selectbooleancheckbox, +body .ui-tristatecheckbox { + width: auto; + height: auto; + display: inline-flex; + -ms-flex-align: center; + align-items: center; +} + +body .ui-selectcheckboxmenu { + vertical-align: baseline; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; + display: block; + background: transparent; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { + padding: 0; + background: transparent; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectcheckboxmenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu.ui-state-focus { + border-color: #FFEB3B; + outline: 0 none; + box-shadow: none; +} +body .ui-selectcheckboxmenu.ui-state-error { + border-color: #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container.ui-inputfield { + padding: 0.75rem 0.75rem; + padding-right: 2.75rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 1px 0; + margin: 0 0.5rem 0 0; + background: rgba(255, 235, 59, 0.12); + color: #F57F17; + border-radius: 4px; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0 2rem 0 0.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + margin-top: -0.5rem; + position: absolute; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token { + margin: 0; + padding: 0.375rem 0; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-input-token input { + font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; + padding: 0; + margin: 0; +} +body.ui-input-filled .ui-selectcheckboxmenu, +body .ui-input-filled .ui-selectcheckboxmenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, +body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectcheckboxmenu-panel { + padding: 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox { + margin-right: 0.5rem; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container { + padding: 0; + margin: 0 0.5rem 0 0; + float: none; + flex: 1 1 0; + -ms-flex: 1 1 0px; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 0.75rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close { + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-left: auto; + text-align: center; + margin-right: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + float: none; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close .ui-icon:before { + content: "\e90b"; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items { + padding: 0; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item { + padding: 0.75rem 0.75rem; + margin: 0; + outline: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item.ui-state-highlight { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item .ui-chkbox { + top: auto; + position: static; + margin-top: 0; + margin-right: 0.5rem; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item > label { + display: inline; + padding-left: 0; + vertical-align: middle; +} +body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items .ui-selectcheckboxmenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-selectonelistbox, +body .ui-selectmanymenu { + padding: 0; + width: auto; + min-width: 12rem; + border: 1px solid #e5e5e5; + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container, +body .ui-selectmanymenu .ui-selectlistbox-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-selectlistbox-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon:before, +body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer { + padding: 0; + line-height: normal; + border: 0 none; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list { + list-style-type: none; + margin: 0; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item { + border: 0 none; + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item .ui-chkbox { + margin-right: 0.5rem; + vertical-align: middle; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline, +body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-listbox-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-input-filled .ui-selectonelistbox.ui-inputfield, +body .ui-input-filled .ui-selectmanymenu.ui-inputfield, body.ui-input-filled .ui-selectonelistbox.ui-inputfield, +body.ui-input-filled .ui-selectmanymenu.ui-inputfield { + background: #ffffff; +} + +body .ui-selectonemenu { + vertical-align: middle; + border: 1px solid rgba(0, 0, 0, 0.38); + position: relative; + transform: none; + padding: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + background: #ffffff; +} +body .ui-selectonemenu .ui-selectonemenu-label { + background: transparent; + padding-right: 2.75rem; + /*min-height: calc(3rem + 3px);*/ +} +body .ui-selectonemenu .ui-selectonemenu-trigger { + border: 0 none; + cursor: pointer; + height: 100%; + position: absolute; + padding: 0; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; + width: 2.75rem; + background: transparent; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { + position: static; + margin: 0; + color: rgba(0, 0, 0, 0.6); + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon:before { + content: "\e902"; +} +body .ui-selectonemenu.ui-state-hover { + border-color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu.ui-state-focus { + border-color: #FFEB3B; + outline: 0 none; + box-shadow: none; +} +body .ui-selectonemenu.ui-state-error { + border-color: #B00020; +} +body .ui-fluid .ui-selectonemenu-label { + width: calc(100% - 2.75rem); + padding: 0.75rem 0.75rem; +} +body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { + width: 2.75rem; + padding: 0; +} +body.ui-input-filled .ui-selectonemenu, +body .ui-input-filled .ui-selectonemenu { + background: #f5f5f5; +} +body.ui-input-filled .ui-selectonemenu.ui-state-hover, +body .ui-input-filled .ui-selectonemenu.ui-state-hover { + background-color: #ececec; +} +body.ui-input-filled .ui-selectonemenu.ui-state-focus, +body .ui-input-filled .ui-selectonemenu.ui-state-focus { + background-color: #dcdcdc; +} +body .ui-selectonemenu-panel { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container { + padding: 0.75rem 0.75rem; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter.ui-inputfield { + padding: 0.75rem 0.75rem; + width: 100%; + padding-left: 2.5rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + left: 1.5rem; + top: 50%; + right: auto; + bottom: auto; + margin-top: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon:before { + content: "\e908"; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items { + padding: 0; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items.ui-selectonemenu-table > thead tr th { + background: #ffffff; + border: 1px solid #e4e4e4; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item { + margin: 0; + padding: 0.75rem 0.75rem; + background: transparent; + color: rgba(0, 0, 0, 0.87); + outline: 0 none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e4e4e4; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row > td { + padding: 0.75rem 0.75rem; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row:first-child { + border-top-color: transparent; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; + overflow: auto; +} +body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item-group { + background: #ffffff; + margin: 0; + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); +} + +body .ui-slider { + background: #c1c1c1; +} +body .ui-slider .ui-slider-handle { + width: 14px; + height: 14px; + background: #FFEB3B; + border: 0 none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; +} +body .ui-slider .ui-slider-handle.ui-state-hover { + border-color: 0 none; + background: #FFEB3B; +} +body .ui-slider .ui-slider-handle.ui-state-focus { + outline: 0 none; +} +body .ui-slider.ui-slider-horizontal { + height: 2px; +} +body .ui-slider.ui-slider-horizontal .ui-slider-handle { + top: -6px; + margin-left: -7px; +} +body .ui-slider.ui-slider-vertical { + width: 2px; +} +body .ui-slider.ui-slider-vertical .ui-slider-handle { + left: -6px; + margin-top: -7px; +} +body .ui-slider .ui-slider-range { + background: #FFEB3B; +} +body .ui-inputtext + .ui-slider { + margin-bottom: 0.5rem; +} + +body .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + position: absolute; + border-radius: 0; + width: 2.75rem; + z-index: 1; +} +body .ui-spinner .ui-spinner-button.ui-button .ui-icon { + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up { + border-top-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up .ui-icon-triangle-1-n:before { + content: "\e933"; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down { + border-bottom-right-radius: 4px; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down .ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-fluid .ui-spinner .ui-spinner-input { + padding-right: 3.25rem; +} + +.ui-texteditor .ui-editor-toolbar { + background: #ffffff; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.ui-texteditor .ui-editor-toolbar.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke { + stroke: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill { + fill: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label { + border: 0 none; + color: rgba(0, 0, 0, 0.6); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { + background: #ffffff; + border: 0 none; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + border-radius: 4px; + padding: 0; +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); +} +.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { + padding: 0.75rem 0.75rem; +} +.ui-texteditor .ql-container { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-container.ql-snow { + border: 1px solid #e0e0e0; +} +.ui-texteditor .ql-container .ql-editor { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.ui-texteditor .ql-snow.ql-toolbar button:hover, +.ui-texteditor .ql-snow.ql-toolbar button:focus { + color: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke { + stroke: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill { + fill: rgba(0, 0, 0, 0.87); +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected { + color: #FFEB3B; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { + stroke: #FFEB3B; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { + fill: #FFEB3B; +} +.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, +.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { + color: #FFEB3B; +} +.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow, +.ui-texteditor.ui-state-error .ql-container.ql-snow { + border-color: #B00020; +} + +body .ui-toggleswitch { + position: relative; + display: inline-block; + width: 3rem; + height: 1.75rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.38); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border: solid transparent; + border-width: 2px; + border-radius: 0.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error { + border-color: #B00020; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + position: absolute; + top: 50%; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + width: 1.25rem; + height: 1.25rem; + left: calc(.25rem - 2px); + margin-top: -0.625rem; + border-radius: 50%; + transition: all 0.2s; + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.625rem; + line-height: 1.25rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + color: #212121; + transform: translateX(1.25rem); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider { + background: rgba(255, 235, 59, 0.5); +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler { + background: #FFEB3B; +} + +body .ui-breadcrumb { + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding: 0.75rem; +} +body .ui-breadcrumb ul li { + float: none; + display: inline-block; + vertical-align: middle; +} +body .ui-breadcrumb ul li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb ul li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb ul li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb ul li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb ul li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb ul li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 4px; + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li.ui-breadcrumb-chevron:before { + content: "\e901"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron) { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before { + content: "\e901"; + font-family: "primeicons" !important; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-indent: 0 !important; + background-image: none !important; + margin: 0 0.5rem 0 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + color: rgba(0, 0, 0, 0.6); + margin: 0; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home:before { + content: "\e925"; +} +body .ui-breadcrumb .ui-breadcrumb-items li:first-child a.ui-icon-home span { + display: none; +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-breadcrumb .ui-breadcrumb-items li:last-child .ui-menuitem-link .ui-menuitem-icon { + color: rgba(0, 0, 0, 0.6); +} + +body .ui-menu { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body .ui-menu.ui-shadow { + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon { + position: static; + margin-right: 0.5rem; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header .ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-menu.ui-menu-toggleable .ui-menu-list .ui-widget-header h3 { + font-size: 1rem; + padding-left: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu .ui-menu-list .ui-widget-header h3 { + padding: 0; + font-size: 1rem; + font-weight: 400; + color: rgba(0, 0, 0, 0.6); + float: none; +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-widget-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem { + margin: 0; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link { + padding: 0.75rem 0.75rem; + width: 100%; + border: 0 none; + float: none; + border-radius: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon { + margin-right: 0.5rem; + vertical-align: middle; + float: none; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text { + float: none; + vertical-align: middle; + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: relative; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e:last-child:before { + content: "\e932"; +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: -0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child:before { + content: "\e930"; +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link { + background: rgba(0, 0, 0, 0.04); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-menu .ui-menu-list .ui-menu-child { + background: #ffffff; + padding: 0.5rem 0; +} +body .ui-menu .ui-menu-list .ui-menu-child.ui-shadow { + border-radius: 4px; + border: 0 none; + box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); +} +body .ui-menu .ui-menu-list .ui-separator { + width: 100%; + margin: 0.5rem 0; + border-top: 1px solid #e5e5e5; +} +body .ui-menu.ui-menubar { + padding: 0.75rem; + background: transparent; + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem { + display: inline-block; + width: auto; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-menuitem-icon { + position: static; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link > span { + float: none; + display: inline-block; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child { + margin-left: 0.5rem; + vertical-align: middle; +} +body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem.ui-menubar-options { + float: right; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + padding: 0.75rem; + color: rgba(0, 0, 0, 0.6); + width: 100%; + border: 0 none; + background: #ffffff; + margin-bottom: 0; + border-radius: 0; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w { + position: relative; + top: 2px; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-right: 0.5rem; +} +body .ui-menu.ui-slidemenu .ui-slidemenu-backward .ui-icon-triangle-1-w:before { + content: "\e931"; +} +body .ui-menu.ui-slidemenu .ui-menu-child { + padding: 0; +} +body .ui-menu.ui-slidemenu .ui-menu-child.ui-shadow { + box-shadow: none; + border: 0 none; +} +body .ui-menu.ui-megamenu .ui-widget-header { + margin: 0; + width: 100%; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + float: none; + border: 0 none; + padding: 0.75rem; + font-weight: 400; + font-size: 1rem; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 0; +} +body .ui-menu.ui-megamenu .ui-widget-header span { + float: none; + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list > table > tbody > tr > td { + padding: 0; +} +body .ui-menu.ui-megamenu .ui-menu-list .ui-menuitem-link { + border-radius: 4px; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical { + background: transparent; + padding: 0.5rem 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem { + width: 100%; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list .ui-menuitem > .ui-menuitem-link { + border-radius: 0; +} +body .ui-menu.ui-megamenu.ui-megamenu-vertical > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon:last-child { + float: right; +} +body .ui-menu .ui-divider.ui-widget.ui-divider-horizontal { + margin: 0; +} + +body .ui-panelmenu .ui-icon { + position: static; +} +body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child .ui-panelmenu-header.ui-state-active { + border-radius: 0; +} +body .ui-panelmenu h3.ui-panelmenu-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin: 0 0 0 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; + font-size: 1rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon { + position: static; + margin: 0; + vertical-align: middle; + margin-right: 0.5rem; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-panelmenu h3.ui-panelmenu-header a { + display: inline; + padding: 0; + outline: 0 none; + color: inherit; + vertical-align: middle; + text-decoration: none; +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu h3.ui-panelmenu-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid #e5e5e5; + margin-top: 0; + position: static; + border-top: 0 none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link { + padding: 0.75rem 0.75rem; + color: rgba(0, 0, 0, 0.87); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover { + background: rgba(0, 0, 0, 0.04); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-icon, body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-panelmenu-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text { + color: rgba(0, 0, 0, 0.87); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon { + display: inline-block; + vertical-align: middle; + margin-right: 0.5rem; + position: static; + color: rgba(0, 0, 0, 0.6); +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e:before { + content: "\e932"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s:before { + content: "\e930"; +} +body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link .ui-menuitem-text { + display: inline-block; + vertical-align: middle; +} + +body .ui-steps { + position: relative; +} +body .ui-steps ul { + display: -ms-flexbox; + display: flex; +} +body .ui-steps .ui-steps-item { + flex: 1 1 0; + -ms-flex: 1 1 0px; + background: transparent; + text-align: center; + float: none; + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link { + display: block; + text-align: center; + background: transparent; + overflow: hidden; + padding: 0; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + color: rgba(0, 0, 0, 0.87); + background: transparent; + border: 1px solid transparent; + width: 2rem; + height: 2rem; + font-size: 1.143rem; + padding: 0; + margin-top: 2rem; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + -ms-flex-pack: center; + justify-content: center; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title { + display: block; + padding-top: 0.5rem; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; + border-color: rgba(255, 235, 59, 0.12); +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title { + font-weight: 600; + color: rgba(0, 0, 0, 0.87); +} +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 0.65; +} +body .ui-steps:before { + content: " "; + border-top: 1px solid #e5e5e5; + width: 100%; + top: 50%; + left: 0; + display: block; + position: absolute; +} + +body .ui-tabmenu { + padding: 0; + position: static; +} +body .ui-tabmenu .ui-tabmenu-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + position: relative; +} +body .ui-tabmenu .ui-tabmenu-nav:before { + position: absolute; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem { + list-style: none; + padding: 0; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + top: 0; + margin: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a { + color: rgba(0, 0, 0, 0.6); + padding: 0.75rem 1.25rem; + font-weight: 500; + display: block; + line-height: 1; + outline: 0 none; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-icon { + margin-right: 0.5rem; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + background: rgba(255, 235, 59, 0.04); + border-color: transparent; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover a .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + background: #ffffff; + border-color: #FFEB3B; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a { + color: #FFEB3B; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active a .ui-icon { + color: #FFEB3B; +} +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-menuitem-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); + bottom: auto; + top: 0; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-bottom .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFEB3B; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); + left: auto; + right: 0; + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-right: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-left .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFEB3B; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav { + flex-direction: column; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav:before { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); + width: auto; + height: 100%; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem { + border-bottom: 0 none; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-hover { + border-color: transparent; +} +body .ui-tabmenu.ui-tabs-right .ui-tabmenu-nav .ui-tabmenuitem.ui-state-active { + border-color: #FFEB3B; +} +@media screen and (max-width: 576px) { + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-icon { + margin-right: 0; + } + body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a .ui-menuitem-text { + display: none; + } +} + +body .ui-growl { + top: 85px; +} +body .ui-growl .ui-growl-item-container { + margin: 0 0 1rem 0; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + position: absolute; + top: 0.5rem; + right: 0.5rem; +} +body .ui-growl .ui-growl-item-container .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-growl .ui-growl-item-container .ui-growl-item { + padding: 1.25rem; + min-height: 70px; +} +body .ui-growl .ui-growl-item-container.ui-growl-info { + background: #B3E5FC; + border: solid transparent; + color: #01579B; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before { + content: "\e924"; +} +body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon { + color: #01579B; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn { + background: #FFECB3; + border: solid transparent; + color: #7f6003; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-growl-image:before { + content: "\e922"; +} +body .ui-growl .ui-growl-item-container.ui-growl-warn .ui-icon { + color: #7f6003; +} +body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal { + background: #FFCDD2; + border: solid transparent; + color: #B71C1C; + border-width: 0 0 0 0; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; + color: #B71C1C; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before { + content: "\e90c"; +} +body .ui-growl .ui-growl-item-container.ui-growl-error .ui-icon, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-icon { + color: #B71C1C; +} + +body .ui-message { + padding: 0.75rem 0.75rem; + display: inline-block; + border-radius: 4px; +} +body .ui-message.ui-message-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 3px; + color: #01579B; +} +body .ui-message.ui-message-info .ui-message-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #01579B; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-info .ui-message-info-icon:before { + content: "\e924"; +} +body .ui-message.ui-message-info .ui-message-info-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 3px; + color: #7f6003; +} +body .ui-message.ui-message-warn .ui-message-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #7f6003; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-warn .ui-message-warn-icon:before { + content: "\e922"; +} +body .ui-message.ui-message-warn .ui-message-warn-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-error, body .ui-message.ui-message-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 3px; + color: #B71C1C; +} +body .ui-message.ui-message-error .ui-message-error-icon, body .ui-message.ui-message-fatal .ui-message-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin: 0; + color: #B71C1C; + float: none; + width: auto; + height: auto; + position: relative; + top: 1px; +} +body .ui-message.ui-message-error .ui-message-error-icon:before, body .ui-message.ui-message-fatal .ui-message-error-icon:before { + content: "\e90c"; +} +body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail { + margin-left: 0.5rem; +} +body .ui-message.ui-message-icon-only { + width: auto; + height: auto; +} +body .ui-widget + .ui-message { + margin: 0 0 0 0.5rem; +} + +body .ui-messages { + padding: 0; + margin: 0; + font-weight: 500; + position: relative; + border-radius: 4px; +} +body .ui-messages > div { + padding: 1rem 1.25rem; + margin: 0.75rem 0; + border-radius: 4px; +} +body .ui-messages ul { + margin: 0; +} +body .ui-messages ul .ui-messages-info-summary, +body .ui-messages ul .ui-messages-warn-summary, +body .ui-messages ul .ui-messages-error-summary, +body .ui-messages ul .ui-messages-fatal-summary { + margin: 0 0.5rem 0 0; +} +body .ui-messages ul .ui-messages-info-detail, +body .ui-messages ul .ui-messages-warn-detail, +body .ui-messages ul .ui-messages-error-detail, +body .ui-messages ul .ui-messages-fatal-detail { + margin: 0; +} +body .ui-messages .ui-messages-close { + position: absolute; + right: -1rem; + top: -1rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + text-align: center; + transition: background-color 0.2s; +} +body .ui-messages .ui-messages-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-messages .ui-messages-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-messages .ui-messages-close .ui-icon-close { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-messages .ui-messages-close .ui-icon-close:before { + content: "\e90b"; +} +body .ui-messages .ui-messages-info { + background: #B3E5FC; + border: solid transparent; + border-width: 0 0 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-info-icon:before { + content: "\e924"; +} +body .ui-messages .ui-messages-info .ui-messages-close { + background: #B3E5FC; + color: #01579B; +} +body .ui-messages .ui-messages-info .ui-messages-close:hover { + background: #9addfb; +} +body .ui-messages .ui-messages-warn { + background: #FFECB3; + border: solid transparent; + border-width: 0 0 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-messages .ui-messages-warn .ui-messages-close { + background: #FFECB3; + color: #7f6003; +} +body .ui-messages .ui-messages-warn .ui-messages-close:hover { + background: #ffe69a; +} +body .ui-messages .ui-messages-error, body .ui-messages .ui-messages-fatal { + background: #FFCDD2; + border: solid transparent; + border-width: 0 0 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon, +body .ui-messages .ui-messages-error .ui-messages-fatal, body .ui-messages .ui-messages-fatal .ui-messages-error-icon, +body .ui-messages .ui-messages-fatal .ui-messages-fatal { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 1.5rem; + margin: 0 0.5rem 0 0; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-error-icon:before, +body .ui-messages .ui-messages-error .ui-messages-fatal:before, body .ui-messages .ui-messages-fatal .ui-messages-error-icon:before, +body .ui-messages .ui-messages-fatal .ui-messages-fatal:before { + content: "\e90c"; +} +body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close { + background: #FFCDD2; + color: #B71C1C; +} +body .ui-messages .ui-messages-error .ui-messages-close:hover, body .ui-messages .ui-messages-fatal .ui-messages-close:hover { + background: #ffb4bb; +} + +body .ui-avatar { + background-color: rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-avatar.ui-avatar-lg { + width: 3rem; + height: 3rem; + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-lg .ui-avatar-icon { + font-size: 1.5rem; +} +body .ui-avatar.ui-avatar-xl { + width: 4rem; + height: 4rem; + font-size: 2rem; +} +body .ui-avatar.ui-avatar-xl .ui-avatar-icon { + font-size: 2rem; +} +body .ui-avatar-group .ui-avatar { + border: 2px solid #ffffff; +} + +body .ui-badge { + background: #FFEB3B; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + min-width: 1.5rem; + height: 1.5rem; + line-height: 1.5rem; +} +body .ui-badge:not(.ui-widget) { + display: inline-block; + border-radius: 50%; + text-align: center; +} +body .ui-badge.ui-badge-secondary { + background: #3b4fff; + color: #ffffff; +} +body .ui-badge.ui-badge-success { + background: #689F38; + color: #ffffff; +} +body .ui-badge.ui-badge-info { + background: #2196F3; + color: #ffffff; +} +body .ui-badge.ui-badge-warning { + background: #FBC02D; + color: #212529; +} +body .ui-badge.ui-badge-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-badge.ui-badge-lg { + font-size: 1.125rem; + min-width: 2.25rem; + height: 2.25rem; + line-height: 2.25rem; +} +body .ui-badge.ui-badge-xl { + font-size: 1.5rem; + min-width: 3rem; + height: 3rem; + line-height: 3rem; +} +body .ui-overlay-badge { + position: relative; + display: inline-block; +} +body .ui-overlay-badge .ui-badge { + position: absolute; + top: 0; + right: 0; + transform: translate(50%, -50%); + margin: 0; +} + +body .ui-chip { + background-color: rgba(255, 235, 59, 0.12); + color: #F57F17; + border-radius: 16px; + padding: 0 0.75rem; +} +body .ui-chip .ui-chip-text { + line-height: 1.5; + margin-top: 0.375rem; + margin-bottom: 0.375rem; +} +body .ui-chip .ui-chip-icon { + margin-right: 0.5rem; +} +body .ui-chip img { + width: 2.25rem; + height: 2.25rem; + margin-left: -0.75rem; + margin-right: 0.5rem; +} +body .ui-chip .ui-chip-remove-icon { + margin-left: 0.5rem; + border-radius: 4px; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-chip .ui-chip-remove-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-clock { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} + +body .ui-galleria .ui-galleria-close { + margin: 0.5rem; + background: transparent; + color: rgba(255, 255, 255, 0.87); + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-close .ui-galleria-close-icon { + font-size: 2rem; +} +body .ui-galleria .ui-galleria-close:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-item-nav { + background: transparent; + color: #f6f6f6; + width: 4rem; + height: 4rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; + margin: 0 0.5rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-prev-icon:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + font-size: 2rem; +} +body .ui-galleria .ui-galleria-item-nav .ui-galleria-item-next-icon:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-item-nav:not(.ui-state-disabled):hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-caption-item { + background: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.87); + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators { + padding: 1rem; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button { + background-color: #dcdcdc; + width: 1.25rem; + height: 1.25rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: #ececec; +} +body .ui-galleria .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: #FFEB3B; + color: #212121; +} +body .ui-galleria.ui-galleria-indicators-bottom .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-top .ui-galleria-indicator { + margin-right: 0.5rem; +} +body .ui-galleria.ui-galleria-indicators-left .ui-galleria-indicator, body .ui-galleria.ui-galleria-indicators-right .ui-galleria-indicator { + margin-bottom: 0.5rem; +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators { + background: rgba(0, 0, 0, 0.5); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button { + background: rgba(255, 255, 255, 0.4); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator button:hover { + background: rgba(255, 255, 255, 0.6); +} +body .ui-galleria.ui-galleria-indicator-onitem .ui-galleria-indicators .ui-galleria-indicator.ui-state-highlight button { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .ui-galleria .ui-galleria-thumbnail-container { + background: rgba(0, 0, 0, 0.9); + padding: 0.8rem 0.25rem; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next { + margin: 0.5rem; + background-color: transparent; + color: rgba(255, 255, 255, 0.87); + width: 2rem; + height: 2rem; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, opacity 0.2s ease-in-out; + border-radius: 50%; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev:hover, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next:hover { + background: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.87); +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-e:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-e:before { + content: "\e901"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-s:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-s:before { + content: "\e902"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-w:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-w:before { + content: "\e900"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-prev .ui-icon-circle-triangle-n:before, +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-next .ui-icon-circle-triangle-n:before { + content: "\e903"; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + transition: none; + margin: 0.2rem; + margin-left: 0; + margin-right: 0; +} +body .ui-galleria .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-galleria.ui-galleria-thumbnails-left .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content, body .ui-galleria.ui-galleria-thumbnails-right .ui-galleria-thumbnail-container .ui-galleria-thumbnail-item-content { + margin: 0.2rem; +} +body .ui-galleria .ui-galleria-link:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +.ui-galleria-mask.ui-widget-overlay { + background-color: rgba(0, 0, 0, 0.9); +} + +body .ui-log { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; + height: auto; +} +body .ui-log .ui-log-header { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; + height: auto; +} +body .ui-log .ui-log-header .ui-log-button { + display: inline-block; + position: static; + margin-right: 0.5rem; + padding: 2px; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-log .ui-log-header .ui-log-button:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-log .ui-log-header .ui-log-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-trash:before { + content: "\e93d"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-note:before { + content: "\e9a8"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-info:before { + content: "\e924"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-notice:before { + content: "\e989"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-search:before { + content: "\e908"; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-log .ui-log-header .ui-log-button .ui-icon-alert:before { + content: "\e922"; +} +body .ui-log .ui-log-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; + overflow: auto; +} + +body .ui-progressbar { + border: 0 none; + height: 4px; + background: rgba(255, 235, 59, 0.32); + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-value { + border: 0 none; + margin: 0; + background: #FFEB3B; + border-radius: 4px; +} +body .ui-progressbar .ui-progressbar-label { + margin-top: 0; + color: rgba(0, 0, 0, 0.87); + line-height: 4px; +} + +body .ui-scrolltop { + width: 3rem; + height: 3rem; + border-radius: 50%; + box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: #3b4fff; +} +body .ui-scrolltop:hover { + background: rgba(59, 79, 255, 0.92); +} +body .ui-scrolltop .ui-scrolltop-icon { + font-size: 1.5rem; + color: #ffffff; +} + +body .ui-skeleton { + background-color: rgba(0, 0, 0, 0.08); + border-radius: 4px; +} +body .ui-skeleton:after { + background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); +} + +body .ui-tag { + background: #FFEB3B; + color: #212121; + font-size: 0.75rem; + font-weight: 700; + padding: 0.25rem 0.4rem; + border-radius: 4px; +} +body .ui-tag:not(.ui-widget) { + display: inline-block; + text-align: center; + line-height: 1; +} +body .ui-tag.ui-tag-success { + background: #689F38; + color: #ffffff; +} +body .ui-tag.ui-tag-info { + background: #2196F3; + color: #ffffff; +} +body .ui-tag.ui-tag-warning { + background: #FBC02D; + color: #212529; +} +body .ui-tag.ui-tag-danger { + background: #D32F2F; + color: #ffffff; +} +body .ui-tag.ui-tag-rounded { + border-radius: 10rem; +} +body .ui-tag .ui-tag-icon { + margin-right: 0.25rem; + font-size: 0.75rem; +} + +body .ui-terminal { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 1px solid #e0e0e0; + padding: 0.75rem; +} + +body .ui-confirm-popup { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + border-radius: 4px; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-confirm-popup .ui-confirm-popup-content { + padding: 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer { + text-align: right; + padding: 0.75rem 0.75rem; +} +body .ui-confirm-popup .ui-confirm-popup-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-confirm-popup .ui-confirm-popup-footer button:last-child { + margin: 0; +} +body .ui-confirm-popup:after { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup:before { + border-style: solid; + border-color: rgba(255, 255, 255, 0); + border-bottom-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:after { + border-top-color: #ffffff; +} +body .ui-confirm-popup.ui-confirm-popup-flipped:before { + border-top-color: #ffffff; +} +body .ui-confirm-popup .ui-confirm-popup-icon { + font-size: 1.5rem; +} +body .ui-confirm-popup .ui-confirm-popup-message { + margin-left: 1rem; +} + +body .ui-dialog { + padding: 0; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border: 0 none; + border-radius: 4px; +} +body .ui-dialog .ui-dialog-titlebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + font-weight: 500; + border-bottom: 0 none; + padding: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-title { + margin: 0; + float: none; + font-size: 1.25rem; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { + border: 0 none; + padding: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-minus:before { + content: "\e90f"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-plus:before { + content: "\e90d"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before { + content: "\e93b"; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before { + content: "\e93a"; +} +body .ui-dialog .ui-dialog-content { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + border: 0 none; +} +body .ui-dialog .ui-dialog-footer { + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + text-align: right; +} +body .ui-dialog .ui-dialog-footer button { + margin: 0 0.5rem 0 0; + width: auto; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon { + margin-right: 0.5rem; + font-size: 2rem; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-warn:before { + content: "\e922"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-info:before { + content: "\e924"; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon.ui-icon-error:before { + content: "\e90c"; +} +body .ui-dialog.ui-resizable .ui-dialog-content { + box-sizing: content-box; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content { + padding: 0.2rem 1.25rem 1.25rem 1.25rem; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span { + float: none; + display: inline-block; + vertical-align: middle; + line-height: 1; + margin: 0 0 0 0.5rem; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message { + margin-right: 0.5rem; + font-size: 2rem; + width: auto; + height: auto; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-warn-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-info-icon:before { + content: "\e922"; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-dialog.ui-message-dialog .ui-dialog-content > span.ui-dialog-message.ui-messages-error-icon:before { + content: "\e90c"; +} + +body .ui-lightbox { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} +body .ui-lightbox .ui-lightbox-caption { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text { + color: rgba(0, 0, 0, 0.87); + margin: 0; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close .ui-icon:before { + content: "\e90b"; +} +body .ui-lightbox .ui-lightbox-content-wrapper { + overflow: hidden; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + border: 0 none; + padding: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-left: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:before { + content: "\e900"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + transition: all 0.2s; + font-size: 24px; + margin-right: 4px; + color: #ffffff; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:before { + content: "\e901"; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right:hover { + scale: 1.2; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right span { + display: none; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content { + border-radius: 0; +} +body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-content.ui-lightbox-loading + a { + display: none; +} + +body .ui-overlaypanel { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + border: 0 none; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 0.75rem; +} +body .ui-overlaypanel .ui-overlaypanel-close { + position: absolute; + width: 2rem; + height: 2rem; + right: -1rem; + top: -1rem; + background: #FFEB3B; + color: #212121; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + text-align: center; + line-height: 2rem; + padding: 0; +} +body .ui-overlaypanel .ui-overlaypanel-close:hover { + background: rgba(255, 235, 59, 0.92); + color: #212121; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + display: inline-block; + line-height: inherit; +} +body .ui-overlaypanel .ui-overlaypanel-close .ui-icon:before { + content: "\e90b"; +} + +body .ui-sidebar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 0 none; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close { + padding: 0; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; +} +body .ui-sidebar .ui-sidebar-close:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-sidebar .ui-sidebar-close:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-sidebar .ui-sidebar-close .ui-icon:before { + content: "\e90b"; +} +body .ui-sidebar.ui-sidebar-active { + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); +} + +body .ui-tooltip .ui-tooltip-text { + background: rgba(97, 97, 97, 0.9); + color: #ffffff; + box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-tooltip.ui-state-error { + border: 0 none; +} +body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow { + border-right-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow { + border-left-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow { + border-top-color: rgba(97, 97, 97, 0.9); +} +body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow { + border-bottom-color: rgba(97, 97, 97, 0.9); +} + +body .ui-accordion .ui-accordion-header { + border: 0 none; + border-top: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + margin-top: 0; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + user-select: none; + border-radius: 0; + position: relative; + outline: 0 none; +} +body .ui-accordion .ui-accordion-header:first-child { + margin-top: 0; + border-top: 0 none; + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-accordion-header-last.ui-state-active { + border-radius: 0; +} +body .ui-accordion .ui-accordion-header.ui-state-hover { + border-color: transparent; + background: #f6f6f6; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active { + background: #ffffff; + border-color: transparent; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-active:hover { + border-color: transparent; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-accordion .ui-accordion-header.ui-state-error { + border-color: #B00020; + background-color: #B00020; +} +body .ui-accordion .ui-accordion-header.ui-state-error.ui-state-active:hover { + border-color: #B00020; + background-color: #B00020; + color: rgba(0, 0, 0, 0.87); +} +body .ui-accordion .ui-accordion-header.ui-state-error + .ui-accordion-content { + border-color: #B00020; +} +body .ui-accordion .ui-accordion-header > .ui-icon { + position: static; + display: inline-block; + margin: 0 0.5rem 0 0; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e:before { + content: "\e901"; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s:before { + content: "\e902"; +} +body .ui-accordion .ui-accordion-content { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 1.25rem; + margin: 0; + position: static; + border-top: 0 none; +} +body .ui-accordion .ui-accordion-content:last-of-type { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +body .ui-card { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); + border-radius: 4px; +} +body .ui-card .ui-card-body { + padding: 0.75rem; +} +body .ui-card .ui-card-title { + font-size: 1.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} +body .ui-card .ui-card-subtitle { + font-weight: 400; + margin-bottom: 0.5rem; + color: rgba(0, 0, 0, 0.6); +} +body .ui-card .ui-card-content { + padding: 0.75rem 0; +} +body .ui-card .ui-card-footer { + padding: 0.75rem 0 0 0; +} + +body .ui-dashboard .ui-sortable-placeholder { + background-color: rgba(255, 235, 59, 0.12); +} + +body .ui-divider .ui-divider-content { + background-color: #ffffff; +} +body .ui-divider.ui-divider-horizontal { + margin: 1.25rem 0; + padding: 0 1.25rem; +} +body .ui-divider.ui-divider-horizontal:before { + border-top: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-horizontal .ui-divider-content { + padding: 0 0.5rem; +} +body .ui-divider.ui-divider-vertical { + margin: 0 1.25rem; + padding: 1.25rem 0; +} +body .ui-divider.ui-divider-vertical:before { + border-left: 1px rgba(0, 0, 0, 0.12); +} +body .ui-divider.ui-divider-vertical .ui-divider-content { + padding: 0.5rem 0; +} + +body .ui-fieldset { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} +body .ui-fieldset .ui-fieldset-legend { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-radius: 4px; + user-select: none; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler { + display: inline-block; + float: none; + margin-right: 0.5rem; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-fieldset .ui-fieldset-legend .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover { + outline: 0 none; + border-color: #e0e0e0; + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.87); +} +body .ui-fieldset .ui-fieldset-legend.ui-state-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} + +body .ui-notificationbar { + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border: 1px solid #e0e0e0; +} + +body .ui-panel { + padding: 0; +} +body .ui-panel .ui-panel-title { + margin: 0; +} +body .ui-panel .ui-panel-titlebar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon { + margin: 0; + margin-left: 0.5rem; + width: 2rem; + height: 2rem; + background: transparent; + color: rgba(0, 0, 0, 0.6); + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + border-radius: 50%; + border: 0 none; + text-align: center; + line-height: 2rem; + padding: 0; + user-select: none; + margin-top: -0.25rem; + margin-bottom: -0.5rem; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); + border-color: transparent; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-closethick:before { + content: "\e90b"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { + content: "\e90f"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-plusthick:before { + content: "\e90d"; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-gear:before { + content: "\e94a"; +} +body .ui-panel .ui-panel-titlebar + .ui-panel-content { + border-top: 0 none; +} +body .ui-panel .ui-panel-content { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panel .ui-panel-footer { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; + margin: 0; + border-top: 0 none; +} +body .ui-panel > div:last-of-type { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed .ui-panel-titlebar { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar { + position: relative; +} +body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar .ui-panel-titlebar-icon { + float: none; + position: absolute; + top: 50%; + left: 50%; + margin-left: -0.5rem; + margin-top: -0.5rem; +} + +body .ui-panelgrid .ui-panelgrid-cell { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-panelgrid .ui-panelgrid-cell.ui-widget-header { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + font-weight: 500; +} + +body .ui-scrollpanel { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; +} +body .ui-scrollpanel .ui-scrollpanel-drag { + background: #FFEB3B; +} +body .ui-scrollpanel .ui-scrollpanel-track { + background: rgba(0, 0, 0, 0.12); + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-corner { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-splitter { + border: 1px solid #e0e0e0; + background: #ffffff; + border-radius: 4px; + color: rgba(0, 0, 0, 0.87); +} +body .ui-splitter .ui-splitter-gutter { + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); + background: rgba(0, 0, 0, 0.04); +} +body .ui-splitter .ui-splitter-gutter .ui-splitter-gutter-handle { + background: rgba(0, 0, 0, 0.12); +} +body .ui-splitter .ui-splitter-gutter-resizing { + background: rgba(0, 0, 0, 0.12); +} + +body .ui-tabs { + padding: 0; + position: static; +} +body .ui-tabs .ui-tabs-nav { + margin: 0; + padding: 0; + background: #ffffff; + display: -ms-flexbox; + display: flex; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header { + list-style: none; + white-space: nowrap; + display: inline-block; + vertical-align: top; + float: none; + padding: 0.75rem 1.25rem; + background: #ffffff; + color: rgba(0, 0, 0, 0.6); + margin: 0; + cursor: pointer; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header a { + color: rgba(0, 0, 0, 0.6); + padding: 0; + font-weight: 500; + display: block; + line-height: 1; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon { + position: static; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close { + margin: 0; + float: none; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; + margin-left: 0.5rem; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header .ui-icon.ui-icon-close:before { + content: "\e90b"; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + background: rgba(255, 235, 59, 0.04); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover a { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-hover .ui-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + background: #ffffff; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a { + color: #FFEB3B; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active .ui-icon { + color: #FFEB3B; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error a { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-error .ui-icon { + color: #B00020; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + outline: 0 none; + outline-offset: 0; + box-shadow: inset none; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-actions { + order: 1; + margin-left: auto; +} +body .ui-tabs .ui-tabs-panels { + border: 0 none; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0; + margin: 0; + position: static; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-tabs .ui-tabs-panels .ui-tabs-panel { + padding: 0.75rem; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + bottom: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFEB3B; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-top > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav { + margin: 0; + padding: 0; + position: relative; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav:before { + content: ""; + position: absolute; + display: block; + border-top: 2px solid rgba(0, 0, 0, 0.12); + left: 0; + top: 0; + width: 100%; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-top: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFEB3B; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-bottom > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + width: 25%; + margin: 0; + padding: 0; + height: auto; + -ms-flex-direction: column; + flex-direction: column; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header, body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + width: 100%; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + width: 75%; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav { + margin: 0; + padding: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-left: 2px solid rgba(0, 0, 0, 0.12); + left: -2px; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFEB3B; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-right > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav { + margin: 0; + padding: 0; + right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header { + top: 0; + border-right: 2px solid rgba(0, 0, 0, 0.12); + margin-right: -2px; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-hover { + border-color: transparent; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-active { + border-color: #FFEB3B; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-nav li.ui-tabs-header.ui-state-error { + border-color: #B00020; +} +body .ui-tabs.ui-tabs-left > .ui-tabs-panels { + border-width: 1px 0 0 0; +} +body .ui-tabs .ui-tabs-navscroller { + position: relative; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn { + border: 0 none; + background: transparent; + color: rgba(0, 0, 0, 0.6); + outline: 0 none; + z-index: 1; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1); +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left { + left: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-left .ui-icon:before { + content: "\e900"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right { + right: 0; + height: 100%; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon { + margin: 0; + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-tabs-navscroller-btn-right .ui-icon:before { + content: "\e901"; +} +body .ui-tabs .ui-tabs-navscroller .ui-tabs-navscroller-btn.ui-state-hover { + background: rgba(0, 0, 0, 0.04); + color: rgba(0, 0, 0, 0.6); +} + +body .ui-toolbar { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + border-radius: 4px; +} + +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title { + border: 1px solid #e0e0e0; + background: #ffffff; + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem; + margin: 0; + border-right: 0 none; + border-radius: 0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:first-child { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; + border-right: 1px solid #e0e0e0; +} +body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight { + background: rgba(255, 235, 59, 0.12); + color: #F57F17; +} +body .ui-wizard .ui-icon-arrowthick-1-w { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-w:before { + content: "\e91a"; +} +body .ui-wizard .ui-icon-arrowthick-1-e { + font-family: "primeicons" !important; + font-style: normal; + font-weight: normal; + display: inline-block; + background: none; +} +body .ui-wizard .ui-icon-arrowthick-1-e:before { + content: "\e91b"; +} + +body .ui-accordion .ui-accordion-header { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-accordion .ui-accordion-header:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-accordion .ui-accordion-header.ui-tabs-outline { + z-index: 0; +} +body .ui-accordion .ui-accordion-content { + margin-bottom: 1rem; + border: 0 none; + position: relative; + top: 0; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} + +body .ui-autocomplete .ui-autocomplete-dropdown { + border: 1px solid transparent; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.714rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.29rem; +} +body .ui-autocomplete-itemtip.ui-state-highlight { + background: #ffffff; +} + +body .ui-button, body .ui-button.ui-linkbutton { + font-weight: 500; + min-width: 4rem; +} +body .ui-button.ui-button-icon-only, body .ui-button.ui-linkbutton.ui-button-icon-only { + min-width: auto; +} +body .ui-button.ui-state-focus, body .ui-button.ui-linkbutton.ui-state-focus { + background: rgba(255, 235, 59, 0.76); +} +body .ui-button.ui-state-active, body .ui-button.ui-linkbutton.ui-state-active { + background: rgba(255, 235, 59, 0.68); +} +body .ui-button.ui-button-flat.ui-state-focus, body .ui-button.ui-button-outlined.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-focus, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-focus { + background: rgba(255, 235, 59, 0.12); +} +body .ui-button.ui-button-flat.ui-state-active, body .ui-button.ui-button-outlined.ui-state-active, body .ui-button.ui-linkbutton.ui-button-flat.ui-state-active, body .ui-button.ui-linkbutton.ui-button-outlined.ui-state-active { + background: rgba(255, 235, 59, 0.16); +} +body .ui-button.ui-state-disabled, body .ui-button.ui-linkbutton.ui-state-disabled { + background-color: rgba(0, 0, 0, 0.12) !important; + color: rgba(0, 0, 0, 0.38) !important; + opacity: 1; +} +body .ui-button.ui-state-disabled.ui-button-outlined, body .ui-button.ui-linkbutton.ui-state-disabled.ui-button-outlined { + background-color: transparent !important; + color: rgba(0, 0, 0, 0.38) !important; + border-color: rgba(0, 0, 0, 0.38) !important; +} +body .ui-button.ui-button-raised:enabled:focus, body .ui-button.ui-linkbutton.ui-button-raised:enabled:focus { + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-focus { + background: rgba(255, 235, 59, 0.76); +} +body .ui-splitbutton > .ui-button.ui-button-icon-only.ui-state-active { + background: rgba(255, 235, 59, 0.68); +} +body .ui-button.ui-button-secondary.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-state-focus { + background: rgba(59, 79, 255, 0.76); +} +body .ui-button.ui-button-secondary.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-state-active { + background: rgba(59, 79, 255, 0.68); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-focus { + background: rgba(59, 79, 255, 0.12); +} +body .ui-button.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-button.ui-button-secondary.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-secondary > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-secondary.ui-button-outlined.ui-state-active { + background: rgba(59, 79, 255, 0.16); +} +body .ui-button.ui-button-info.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-state-focus { + background: rgba(33, 150, 243, 0.76); +} +body .ui-button.ui-button-info.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-info.ui-state-active { + background: rgba(33, 150, 243, 0.68); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-focus, body .ui-button.ui-button-info.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-focus { + background: rgba(33, 150, 243, 0.12); +} +body .ui-button.ui-button-info.ui-button-flat.ui-state-active, body .ui-button.ui-button-info.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-info > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-info.ui-button-outlined.ui-state-active { + background: rgba(33, 150, 243, 0.16); +} +body .ui-button.ui-button-success.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-state-focus { + background: rgba(104, 159, 56, 0.76); +} +body .ui-button.ui-button-success.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-success.ui-state-active { + background: rgba(104, 159, 56, 0.68); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-focus, body .ui-button.ui-button-success.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-focus { + background: rgba(104, 159, 56, 0.12); +} +body .ui-button.ui-button-success.ui-button-flat.ui-state-active, body .ui-button.ui-button-success.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-success > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-success.ui-button-outlined.ui-state-active { + background: rgba(104, 159, 56, 0.16); +} +body .ui-button.ui-button-warning.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-state-focus { + background: rgba(251, 192, 45, 0.76); +} +body .ui-button.ui-button-warning.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-state-active { + background: rgba(251, 192, 45, 0.68); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-focus { + background: rgba(251, 192, 45, 0.12); +} +body .ui-button.ui-button-warning.ui-button-flat.ui-state-active, body .ui-button.ui-button-warning.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-warning > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-warning.ui-button-outlined.ui-state-active { + background: rgba(251, 192, 45, 0.16); +} +body .ui-button.ui-button-help.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-state-focus { + background: rgba(156, 39, 176, 0.76); +} +body .ui-button.ui-button-help.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-help.ui-state-active { + background: rgba(156, 39, 176, 0.68); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-focus, body .ui-button.ui-button-help.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-focus { + background: rgba(156, 39, 176, 0.12); +} +body .ui-button.ui-button-help.ui-button-flat.ui-state-active, body .ui-button.ui-button-help.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-help > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-help.ui-button-outlined.ui-state-active { + background: rgba(156, 39, 176, 0.16); +} +body .ui-button.ui-button-danger.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-state-focus { + background: rgba(211, 47, 47, 0.76); +} +body .ui-button.ui-button-danger.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-state-active { + background: rgba(211, 47, 47, 0.68); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-focus, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-focus, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-focus { + background: rgba(211, 47, 47, 0.12); +} +body .ui-button.ui-button-danger.ui-button-flat.ui-state-active, body .ui-button.ui-button-danger.ui-button-outlined.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-flat.ui-state-active, body .ui-splitbutton.ui-button-danger > .ui-button.ui-button-outlined.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-flat.ui-state-active, body .ui-linkbutton.ui-button-danger.ui-button-outlined.ui-state-active { + background: rgba(211, 47, 47, 0.16); +} + +body .ui-cascadeselect .ui-inputfield, body .ui-cascadeselect .ui-cascadeselect-trigger { + background-image: none; + background: transparent; +} +body .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body .ui-cascadeselect:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FFEB3B, inset 0 0 0 1px #FFEB3B, inset 0 0 0 1px #FFEB3B, inset 0 0 0 1px #FFEB3B; +} +body.ui-input-filled .ui-cascadeselect, body .ui-input-filled .ui-cascadeselect { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FFEB3B, #FFEB3B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FFEB3B, #FFEB3B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-cascadeselect .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover, body .ui-input-filled .ui-cascadeselect:not(.ui-state-disabled):hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-cascadeselect .ui-inputfield, body .ui-input-filled .ui-cascadeselect .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-cascadeselect.ui-state-error, body .ui-input-filled .ui-cascadeselect.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-cascadeselect.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-cascadeselect.ui-state-error { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error:hover { + border-color: #B00020; +} +body .ui-cascadeselect.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} + +body .ui-carousel .ui-carousel-header, +body .ui-carousel .ui-carousel-footer, +body .ui-carousel .ui-carousel-viewport { + border: 0 none; +} +body .ui-carousel .ui-carousel-viewport .ui-carousel-item { + border-radius: 4px; +} +body .ui-carousel .ui-carousel-dropdown { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-chkbox { + border-radius: 50%; + transition: box-shadow 0.2s; +} +body .ui-chkbox .ui-chkbox-box { + border-color: #757575; + border-radius: 2px; + position: relative; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-hover { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled).ui-state-focus { + border-color: #757575; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + border-color: #FFEB3B; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + border-color: #FFEB3B; +} +body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon:before { + content: ""; + position: absolute; + top: 6px; + left: 1px; + border-right: 2px solid transparent; + border-bottom: 2px solid transparent; + transform: rotate(45deg); + transform-origin: 0% 100%; + animation: checkbox-check 125ms 50ms linear forwards; +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-chkbox:has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-hover) { + box-shadow: 0 0 1px 10px rgba(255, 235, 59, 0.04); +} +body .ui-chkbox:has(.ui-state-active):has(:not(.ui-state-disabled).ui-state-focus) { + box-shadow: 0 0 1px 10px rgba(255, 235, 59, 0.12); +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box { + background-color: #ffffff; +} +body .ui-chkbox.ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-chkbox .ui-input-filled .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +@keyframes checkbox-check { + 0% { + width: 0; + height: 0; + border-color: #212121; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 33% { + width: 4px; + height: 0; + transform: translate3d(0, 0, 0) rotate(45deg); + } + 100% { + width: 4px; + height: 10px; + border-color: #212121; + transform: translate3d(0, -10px, 0) rotate(45deg); + } +} +body .ui-chips .ui-chips-container .ui-chips-token { + padding: 0.375rem 0.75rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 1rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-label { + padding: 0; + padding-right: 1.5rem; +} +body.ui-input-filled .ui-chips-container, body .ui-input-filled .ui-chips-container { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FFEB3B, #FFEB3B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-chips-container .ui-inputfield, body .ui-input-filled .ui-chips-container .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FFEB3B, #FFEB3B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-chips-container:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-chips-container .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body .ui-float-label .ui-chips-container .ui-chips-token { + padding: 0.25rem 1rem; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token { + padding-top: 0; + padding-bottom: 0; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + font-size: 75%; +} +body.ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token, body .ui-input-filled .ui-float-label .ui-chips .ui-chips-container .ui-chips-input-token { + padding: 0; +} + +body .ui-chronoline.ui-chronoline-vertical .ui-chronoline-event-connector { + margin: 0.5rem 0; +} +body .ui-chronoline.ui-chronoline-horizontal .ui-chronoline-event-connector { + margin: 0 0.5rem; +} + +body .ui-datepicker .ui-datepicker-header { + border: 0 none; + font-weight: 500; + margin-top: 0.5rem; +} +body .ui-datepicker .ui-datepicker-calendar th { + border-bottom: 1px solid rgba(0, 0, 0, 0.12); + color: rgba(0, 0, 0, 0.38); + font-weight: 400; + font-size: 0.875rem; +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a:hover, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a:hover { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span { + font-weight: normal; + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.38); +} +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today > span.ui-state-active, body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > a.ui-state-active, +body .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day > span.ui-state-active { + border: 1px solid rgb(0, 0, 0); +} +body .ui-datepicker.ui-datepicker-monthpicker .ui-datepicker-header { + padding: 1rem; +} +body .ui-datepicker .ui-timepicker-timeinput input:focus { + box-shadow: inset 0 0 0 1px #FFEB3B, inset 0 0 0 1px #FFEB3B, inset 0 0 0 1px #FFEB3B, inset 0 0 0 1px #FFEB3B; +} +body .ui-datepicker .ui-datepicker-group { + padding: 0; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.714rem; + border: 1px solid transparent; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.3rem; +} +body .p-datepicker-panel:not(.ui-datepicker-timeonly) .ui-timepicker { + border-top: 1px solid rgba(0, 0, 0, 0.12); +} + +body .ui-datascroller .ui-datascroller-header { + border: 0 none; + border-bottom: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-footer { + border: 0 none; + border-top: 1px solid #e0e0e0; +} +body .ui-datascroller .ui-datascroller-content { + border: 0 none; +} + +body .ui-datatable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-datatable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-datatable .ui-datatable-data > tr { + outline: 0 none; +} +body .ui-datatable .ui-datatable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-datatable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-datatable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-dataview .ui-paginator.ui-paginator-top { + border-bottom: 1px solid #e4e4e4; +} +body .ui-dataview .ui-paginator.ui-paginator-bottom { + border-top: 1px solid #e4e4e4; +} +body .ui-dataview.ui-dataview-list .ui-dataview-row:last-child { + border-bottom: 0 none; +} + +body .ui-fieldset .ui-fieldset-legend { + border: 0 none; +} + +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label input.ui-state-filled ~ label, +body .ui-float-label textarea.ui-state-focus ~ label, +body .ui-float-label textarea.ui-state-filled ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-float-label .ui-inputwrapper-filled ~ label { + top: -0.5rem !important; + background-color: #ffffff; + padding: 2px 4px; + margin-left: -4px; + margin-top: 0; +} +body .ui-float-label textarea ~ label { + margin-top: 0; +} +body .ui-float-label input.ui-state-focus ~ label, +body .ui-float-label .ui-inputwrapper-focus ~ label { + color: #FFEB3B; +} +body .ui-float-label > label { + margin-left: 0; +} +body.ui-input-filled .ui-float-label .ui-inputfield, body .ui-input-filled .ui-float-label .ui-inputfield { + padding-top: 1.25rem; + padding-bottom: 0.25rem; +} +body.ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body.ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body.ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label, body .ui-input-filled .ui-float-label input.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label input.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-focus ~ label, +body .ui-input-filled .ui-float-label textarea.ui-state-filled ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-focus ~ label, +body .ui-input-filled .ui-float-label .ui-inputwrapper-filled ~ label { + top: 0.25rem !important; + margin-top: 0; + background: transparent; +} + +body .ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: inset 0 0 0 1px #FFEB3B, inset 0 0 0 1px #FFEB3B, inset 0 0 0 1px #FFEB3B, inset 0 0 0 1px #FFEB3B; +} +body .ui-inputfield.ui-state-error.ui-state-hover { + border-color: #B00020; +} +body .ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-inputfield, body .ui-input-filled .ui-inputfield { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FFEB3B, #FFEB3B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-inputfield.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FFEB3B, #FFEB3B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-inputfield.ui-state-error, body .ui-input-filled .ui-inputfield.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body .ui-float-label > label { + left: 0.75rem; + color: rgba(0, 0, 0, 0.6); + transition-duration: 0.2s; +} + +body .ui-fluid .ui-inputgroup .ui-button { + min-width: auto; + flex-shrink: 0; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 3rem; + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 3rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon:first-child, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child { + display: flex; + align-items: center; + justify-content: center; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FFEB3B, #FFEB3B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body.ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-input-filled .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child { + border-right-color: transparent; +} +body.ui-input-filled .ui-inputgroup-addon:first-child, +body.ui-input-filled .ui-inputgroup button:first-child, +body.ui-input-filled .ui-inputgroup input:first-child, body .ui-input-filled .ui-inputgroup-addon:first-child, +body .ui-input-filled .ui-inputgroup button:first-child, +body .ui-input-filled .ui-inputgroup input:first-child { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:first-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:first-child input { + border-bottom-left-radius: 0; +} +body.ui-input-filled .ui-inputgroup-addon:last-child, +body.ui-input-filled .ui-inputgroup button:last-child, +body.ui-input-filled .ui-inputgroup input:last-child, body .ui-input-filled .ui-inputgroup-addon:last-child, +body .ui-input-filled .ui-inputgroup button:last-child, +body .ui-input-filled .ui-inputgroup input:last-child { + border-bottom-right-radius: 0; +} +body.ui-input-filled .ui-inputgroup .ui-float-label:last-child input, body .ui-input-filled .ui-inputgroup .ui-float-label:last-child input { + border-bottom-right-radius: 0; +} +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtext:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputtextarea:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-password:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputnumber:not(:last-child) > .ui-inputtext, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-inputmask:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonemenu:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-calendar:not(:last-child) > .ui-inputfield, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-chips:not(:last-child) > .ui-chips-container, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-selectonebutton:not(:last-child) > .ui-button, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-autocomplete:not(:last-child) > .ui-autocomplete-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child), +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-input, +body .ui-inputgroup .ui-inputgroup-addon + .ui-float-label .ui-spinner:not(:last-child) > .ui-spinner-button { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-left: 0 none; +} + +body .ui-menu.ui-slidemenu .ui-slidemenu-backward { + color: rgba(0, 0, 0, 0.87); +} + +body .ui-multiselectlistbox .ui-multiselectlistbox-listcontainer { + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +body .ui-overlaypanel .ui-overlaypanel-content { + padding: 1.5rem; +} + +body .ui-radiobutton .ui-radiobutton-box { + border: 2px solid #757575; +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + border-color: #757575; + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet { + transform: translateZ(0) scale(1); + visibility: visible; +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-hover { + box-shadow: 0 0 1px 10px rgba(255, 235, 59, 0.04); +} +body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled).ui-state-focus { + box-shadow: 0 0 1px 10px rgba(255, 235, 59, 0.12); +} +body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon { + backface-visibility: hidden; + transform: translateZ(0) scale(0.1); + visibility: hidden; + transition-duration: 0.2s; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box { + background-color: #ffffff; +} +body.ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover, body .ui-input-filled .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active).ui-state-hover { + background-color: #ffffff; +} + +body .ui-rating .ui-rating-star { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-star a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-star.ui-state-focus { + background: rgba(255, 235, 59, 0.12); +} +body .ui-rating .ui-rating-cancel { + border-radius: 50%; + width: 2rem; + height: 2rem; + display: inline-flex; + justify-content: center; + align-items: center; + margin-right: 0; +} +body .ui-rating .ui-rating-cancel a { + display: flex; + align-items: center; + justify-content: center; +} +body .ui-rating .ui-rating-cancel.ui-state-focus { + background: rgba(176, 0, 32, 0.12); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-star:hover { + background-color: rgba(0, 0, 0, 0.04); +} +body .ui-rating:not(.ui-state-disabled) .ui-rating-cancel:hover { + background: rgba(176, 0, 32, 0.04); +} + +body .ui-paginator .ui-paginator-rpp-options { + padding: 0.5rem; + border-radius: 4px; + border-color: rgba(0, 0, 0, 0.38); +} + +body .ui-panel { + border-radius: 4px; + box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panel .ui-panel-titlebar, +body .ui-panel .ui-panel-content, +body .ui-panel .ui-panel-footer { + border: 0 none; + border-radius: 4px; +} +body .ui-panel .ui-panel-title { + font-size: 1.25rem; +} + +body .ui-panelmenu .ui-panelmenu-panel { + position: relative; + box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); +} +body .ui-panelmenu .ui-panelmenu-panel:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +body .ui-panelmenu .ui-panelmenu-panel h3.ui-panelmenu-header:not(.ui-state-active).ui-menuitem-outline { + background: #f6f6f6; +} +body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content { + border: 0 none; +} + +body .ui-progressbar .ui-progressbar-label { + font-size: 0; +} + +body .ui-scrollpanel { + border: 0 none; +} +body .ui-scrollpanel .ui-scrollpanel-track { + border-radius: 4px; +} +body .ui-scrollpanel .ui-scrollpanel-track .ui-scrollpanel-drag { + border-radius: 4px; +} + +body .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token { + padding: 0.375rem 0.75rem; + margin-bottom: 0.1rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-label { + padding: 0; + padding-right: 1.5rem; +} +body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon { + padding-right: 0.5rem; +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border: 0 none; +} +body.ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + border-bottom-color: rgba(0, 0, 0, 0.87); +} +body.ui-input-filled .ui-selectcheckboxmenu, body .ui-input-filled .ui-selectcheckboxmenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FFEB3B, #FFEB3B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FFEB3B, #FFEB3B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu .ui-inputfield, body .ui-input-filled .ui-selectcheckboxmenu .ui-inputfield { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectcheckboxmenu.ui-state-error:not(.ui-state-disabled).ui-state-hover:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body .ui-button.ui-selectbooleanbutton.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} +body .ui-button.ui-selectbooleanbutton.ui-state-active { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonebutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body .ui-selectonemenu.ui-state-focus:not(.ui-state-error) { + box-shadow: inset 0 0 0 1px #FFEB3B, inset 0 0 0 1px #FFEB3B, inset 0 0 0 1px #FFEB3B, inset 0 0 0 1px #FFEB3B; +} +body .ui-selectonemenu.ui-state-error.ui-state-focus:not(.ui-state-disabled) { + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body .ui-selectonemenu .ui-inputfield { + background-image: none; + background: transparent; + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu, body .ui-input-filled .ui-selectonemenu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + border: 1px solid transparent; + background: #f5f5f5 no-repeat; + background-image: linear-gradient(to bottom, #FFEB3B, #FFEB3B), linear-gradient(to bottom, rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.38)); + background-size: 0 2px, 100% 1px; + background-position: 50% 100%, 50% 100%; + background-origin: border-box; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + background-image: none; + background-color: transparent; +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-hover { + background-color: #ececec; + border-color: transparent; + background-image: linear-gradient(to bottom, #FFEB3B, #FFEB3B), linear-gradient(to bottom, rgba(0, 0, 0, 0.87), rgba(0, 0, 0, 0.87)); +} +body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body.ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu:not(.ui-state-disabled).ui-inputwrapper-focus { + box-shadow: none; + background-color: #dcdcdc; + border-color: transparent; + background-size: 100% 2px, 100% 1px; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body.ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-hover, body .ui-input-filled .ui-selectonemenu .ui-inputfield.ui-state-focus { + background-image: none; + background: transparent; +} +body.ui-input-filled .ui-selectonemenu .ui-inputfield, body .ui-input-filled .ui-selectonemenu .ui-inputfield { + border: 0 none; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error, body .ui-input-filled .ui-selectonemenu.ui-state-error { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-hover.ui-state-focus { + box-shadow: none; + border-color: transparent; +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus { + border-color: transparent; + background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); +} +body.ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus, body .ui-input-filled .ui-selectonemenu.ui-state-error:not(.ui-state-disabled).ui-state-focus:not(.ui-state-disabled).ui-state-focus { + box-shadow: none; + border-color: transparent; +} + +body.ui-input-filled .ui-selectonelistbox, body .ui-input-filled .ui-selectonelistbox { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus, body .ui-input-filled .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} +body .ui-selectonelistbox.ui-inputfield.ui-state-error.ui-state-focus { + box-shadow: none; +} +body .ui-selectonelistbox.ui-inputfield:not(.ui-state-error).ui-state-focus { + box-shadow: none; +} + +body .ui-selectmanybutton .ui-button.ui-state-focus { + background: #e0e0e1; + border-color: #e0e0e1; +} + +body.ui-input-filled .ui-selectmanymenu, body .ui-input-filled .ui-selectmanymenu { + border: 1px solid #e5e5e5; + border-radius: 4px; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error { + border-color: #B00020; + background: #ffffff; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-error.ui-state-focus { + border-color: #B00020; + box-shadow: inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020, inset 0 0 0 1px #B00020; +} +body.ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus, body .ui-input-filled .ui-selectmanymenu.ui-inputfield.ui-state-focus { + border: 1px solid #e5e5e5; + background: #ffffff; + border-radius: 4px; +} + +body .ui-slider .ui-slider-handle { + transition: transform 0.2s, box-shadow 0.2s; + transform: scale(0.7); +} +body .ui-slider .ui-slider-handle.ui-state-focus { + box-shadow: 0 0 1px 10px rgba(59, 79, 255, 0.2); +} +body .ui-slider .ui-slider-handle.ui-state-active { + transform: scale(1); +} + +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 3rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 3rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 7rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 3rem; +} + +body .ui-steps .ui-steps-item:not(.ui-state-highlight) { + opacity: 1; +} +body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number { + background-color: #9e9d9e; + color: #ffffff; + font-size: 0.857rem; + width: 1.714rem; + height: 1.714rem; + line-height: 1.714rem; +} +body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number { + background-color: #FFEB3B; + color: #212121; +} + +body .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-focus { + background-color: rgba(255, 235, 59, 0.12); +} + +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active { + transition: border-color 0.2s; +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active.ui-tabs-outline { + background-color: rgba(255, 235, 59, 0.12); +} +body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-tabs-outline { + background-color: rgba(255, 235, 59, 0.12); +} + +body .ui-toggleswitch { + height: 1rem; +} +body .ui-toggleswitch .ui-toggleswitch-slider:before, +body .ui-toggleswitch .ui-toggleswitch-handler { + width: 1.5rem; + height: 1.5rem; + left: -2px; + margin-top: -0.75rem; + transition-property: box-shadow, transform; + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch .ui-toggleswitch-handler span { + font-size: 0.75rem; + line-height: 1.5rem; +} +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler { + transform: translateX(1.51rem); +} +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12), 0 0 1px 10px rgba(0, 0, 0, 0.04); +} +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(0, 0, 0, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 235, 59, 0.04), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-handler, body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-slider:before, +body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus:not(.ui-state-disabled):hover .ui-toggleswitch-handler { + box-shadow: 0 0 1px 10px rgba(255, 235, 59, 0.12), 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); +} + +body .ui-toolbar { + border: 0 none; +} + +body .ui-tooltip .ui-tooltip-text { + box-shadow: none; + font-size: 0.875rem; + padding: 0.5rem; +} +body .ui-tooltip .ui-tooltip-arrow { + display: none; +} + +body .ui-treetable thead th.ui-sortable-column { + outline: 0 none; +} +body .ui-treetable thead th.ui-sortable-column.ui-state-focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable thead th.ui-sortable-column .ui-sortable-column-icon { + color: rgba(0, 0, 0, 0.6); +} +body .ui-treetable .ui-treetable-data > tr { + outline: 0 none; +} +body .ui-treetable .ui-treetable-data > tr:not(.ui-state-highlight):focus { + background-color: rgba(0, 0, 0, 0.03); +} +body .ui-treetable .ui-paginator.ui-paginator-top { + border-top: 1px solid #e4e4e4; + border-bottom: 1px solid #e4e4e4; +} +body .ui-treetable .ui-paginator.ui-paginator-bottom { + border-bottom: 1px solid #e4e4e4; +} + +body .ui-accordion .ui-accordion-content { + padding: 0.75rem 1.25rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button { + padding: 0.643rem; +} +body .ui-autocomplete .ui-autocomplete-dropdown.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-chips .ui-chips-container .ui-chips-token .ui-chips-token-icon { + padding-right: 0.5rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button { + padding: 0.643rem; +} +body .ui-fluid .p-datepicker .ui-datepicker-trigger.ui-button .ui-button-text { + padding: 0.108rem; +} +body .ui-fluid .ui-inputgroup .ui-button-icon-only { + width: 2.75rem; + min-width: 2.75rem; +} +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon, +body .ui-fluid .ui-inputgroup .ui-inputgroup-addon-checkbox { + min-width: 2.75rem; +} +body .ui-spinner .ui-spinner-button.ui-button { + min-width: 2.75rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-spinner.ui-spinner-vertical { + width: 4rem; +} +body .ui-spinner.ui-spinner-vertical .ui-spinner-input { + min-width: 2.75rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-inputfield { + padding-right: 6rem; +} +body .ui-fluid .ui-spinner.ui-spinner-horizontal-after .ui-spinner-down { + right: 2.75rem; +} +body .ui-tree.ui-tree-horizontal .ui-treenode .ui-treenode-content { + padding: 0.25rem; +} +body .ui-scrollpanel .ui-scrollpanel-track { + width: 9px; +} +body .ui-confirm-popup .ui-confirm-popup-footer .ui-button .ui-button-text { + padding: 0.492rem 0.75rem; +} +body .ui-messages ul { + margin-top: 0.25rem; +} + +/* Add your customizations of theme here */ diff --git a/src/main/resources/resources/primefaces-ultima-yellow/theme.scss b/src/main/resources/resources/primefaces-ultima-yellow/theme.scss new file mode 100644 index 0000000..e34404a --- /dev/null +++ b/src/main/resources/resources/primefaces-ultima-yellow/theme.scss @@ -0,0 +1,11 @@ +$primaryColor:#FFEB3B; +$primaryLightestColor: #FFFDE7; +$primaryDarkColor: #F57F17; +$primaryTextColor:#212121; +$accentColor:#3b4fff; +$accentTextColor:#ffffff; + +$highlightBg: rgba($primaryColor, .12); +$highlightTextColor: $primaryDarkColor; + +@import '../layout/styles/theme/theme-light/_theme'; diff --git a/src/main/webapp/META-INF/context.xml b/src/main/webapp/META-INF/context.xml new file mode 100644 index 0000000..bf5b891 --- /dev/null +++ b/src/main/webapp/META-INF/context.xml @@ -0,0 +1,2 @@ + + diff --git a/src/main/webapp/WEB-INF/applicationContext.xml b/src/main/webapp/WEB-INF/applicationContext.xml new file mode 100644 index 0000000..5441fa6 --- /dev/null +++ b/src/main/webapp/WEB-INF/applicationContext.xml @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/main/webapp/WEB-INF/faces-config.xml b/src/main/webapp/WEB-INF/faces-config.xml new file mode 100644 index 0000000..1d27a6d --- /dev/null +++ b/src/main/webapp/WEB-INF/faces-config.xml @@ -0,0 +1,35 @@ + + + + Triz Distribution + + org.springframework.web.jsf.el.SpringBeanFacesELResolver + + /Bundle + bundle + + + fr + + + + langue/message + + msg + + + + org.primefaces.component.UltimaMenu + org.primefaces.layout.component.UltimaMenu + + + + + org.primefaces.component + org.primefaces.component.UltimaMenuRenderer + org.primefaces.layout.component.UltimaMenuRenderer + + + + + \ No newline at end of file diff --git a/src/main/webapp/WEB-INF/layout/sections/breadcrumb.xhtml b/src/main/webapp/WEB-INF/layout/sections/breadcrumb.xhtml new file mode 100644 index 0000000..0b81b4a --- /dev/null +++ b/src/main/webapp/WEB-INF/layout/sections/breadcrumb.xhtml @@ -0,0 +1,23 @@ + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/WEB-INF/layout/sections/config.xhtml b/src/main/webapp/WEB-INF/layout/sections/config.xhtml new file mode 100644 index 0000000..44acb7d --- /dev/null +++ b/src/main/webapp/WEB-INF/layout/sections/config.xhtml @@ -0,0 +1,126 @@ + + + + + +
+
+
Theme Customization
+ Ultima offers different themes for layout, topbar, menu etc. +
+ +
+ +
+ + + +
Layout Mode
+ + + + + + +
Menu Mode
+ + + + + + + + +
Inline Menu Position
+ + + + + + + +
Input Background
+ + + + + + +
Ripple Effect
+ + + + +
RTL
+ + + + +
Menu Themes
+ +
+ +
+ + + + + + + + +
+ +
+ + +

Menu themes are only available in light mode by design as large surfaces can emit too much brightness in dark mode.

+ + +
Topbar Themes
+
+ +
+ + + + + + + + +
+ +
+ +
Component Themes
+
+ +
+ + + + + + + + +
+ +
+ +
+
+ + + + \ No newline at end of file diff --git a/src/main/webapp/WEB-INF/layout/sections/filtre.xhtml b/src/main/webapp/WEB-INF/layout/sections/filtre.xhtml new file mode 100644 index 0000000..8bddedb --- /dev/null +++ b/src/main/webapp/WEB-INF/layout/sections/filtre.xhtml @@ -0,0 +1,28 @@ + + + + + +
+
+
Filtre
+
+ +
+ +
+ + + +
+
+ + + + \ No newline at end of file diff --git a/src/main/webapp/WEB-INF/layout/sections/footer.xhtml b/src/main/webapp/WEB-INF/layout/sections/footer.xhtml new file mode 100644 index 0000000..58ef381 --- /dev/null +++ b/src/main/webapp/WEB-INF/layout/sections/footer.xhtml @@ -0,0 +1,45 @@ + + + +
+ +
+
+
+ +
+
+ + + + + + + + +
+
+ + + + + + + +213 560 94 41 95 + + + + + +213 770 19 78 09 + + + + + \ No newline at end of file diff --git a/src/main/webapp/WEB-INF/layout/sections/inlinemenu.xhtml b/src/main/webapp/WEB-INF/layout/sections/inlinemenu.xhtml new file mode 100644 index 0000000..6aa42d7 --- /dev/null +++ b/src/main/webapp/WEB-INF/layout/sections/inlinemenu.xhtml @@ -0,0 +1,87 @@ + + +
+ + + + + + + + +
+ + + +
+
+ +
#{msg['distribution.page.etablissement.selectionner']}
+ +
+ + + + + + + +
+ + +
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/src/main/webapp/WEB-INF/layout/sections/loader.xhtml b/src/main/webapp/WEB-INF/layout/sections/loader.xhtml new file mode 100644 index 0000000..c69aa68 --- /dev/null +++ b/src/main/webapp/WEB-INF/layout/sections/loader.xhtml @@ -0,0 +1,17 @@ + + + + +